forchildren
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>For Children</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #fbabe9;
color: #b15997;
}
#wrapper {
margin: auto;
text-align: left;
width: 780px;
height: 750px;
position: relative;
}
h1, h2, div {
padding: 0;
margin: 0;
line-height: 1.2;
}
p {
margin: 0.8em 0;
}
img {
border: 0;
}
#logo {
position: absolute;
top: 33px;
left: 30px;
}
#frame {
position: absolute;
top: 67px;
left: 31px;
width: 725px;
height: 653px;
background: url(forchildren-images/wood.gif);
}
#backing {
position: absolute;
top: 27px;
left: 24px;
width: 676px;
height: 599px;
background: #ed7dcc;
}
#nav {
position: absolute;
top: 37px;
left: 15px;
width: 247px;
height: 358px;
}
#body {
position: absolute;
background: url(forchildren-images/body.gif);
top: 32px;
left: 267px;
width: 392px;
height: 308px;
}
#scroll {
overflow: auto;
margin: 27px;
height: 200px;
}
#greenguy {
position: absolute;
background: url(forchildren-images/green_guy.gif);
top: 340px;
left: 279px;
width: 155px;
height: 251px;
}
#purplegal {
position: absolute;
background: url(forchildren-images/purple_gal.gif);
top: 340px;
left: 471px;
width: 155px;
height: 251px;
}
#collectnow {
position: absolute;
background: url(forchildren-images/collect_now.gif);
top: 439px;
left: 16px;
width: 202px;
height: 152px;
}
#wire {
position: absolute;
background: url(forchildren-images/wire.gif);
top: 28px;
left: 340px;
width: 61px;
height: 39px;
}
#copyright {
text-align:center;
top: 727px;
left: 34px;
}
.readmore {
text-align: right;
}
a {
color: #c93ea1;
text-decoration: underline;
font-weight: bold;
}
</style>
</head>
<body>
<div id="wrapper">
<h1 id="logo"> <a href="http://www.free-css.com/"><img src="forchildren-images/logo.gif" width="166" height="33" alt="" /></a> </h1>
<div id="wire"></div>
<div id="frame">
<div id="backing">
<div id="nav"> <img src="forchildren-images/menu_woman.jpg" width="247" height="358" alt="menu" usemap="#menu_woman_map" /> </div>
<!-- end id="nav" -->
<div id="body">
<div id="scroll">
<div id="content">
<h2><img src="forchildren-images/hi_friends.gif" width="96" height="30" alt="hi friends" /></h2>
<p>This is a demo text. It will be replaced by the original. This is a demo text. It will be replaced by the original. This is a demo text. It will bw replaced by the original. This is a demo text. It will bw replaced by the original. This is a demo text. It will bw replaced by the original. This is a demo text. </p>
<p>This is a demo text. It will be replaced by the original. This is a demo text. It will bw replaced by the original. This is a demo text. It will bw replaced by the original. This is a demo text. It will bw replaced by the original.</p>
<p class="readmore"><a href="http://www.free-css.com/">.....Join Us</a></p>
</div>
<!-- end content -->
</div>
<!-- end scroll -->
</div>
<!-- end body -->
<div id="collectnow"><a href="http://www.free-css.com/"><img src="forchildren-images/collect_now.gif" width="202" height="152" alt="collect dream princess books online" /></a></div>
<div id="greenguy"></div>
<div id="purplegal"></div>
</div>
<!-- end backing -->
</div>
<!-- end frame -->
</div>
<div id="copyright">Powered by <a href="http://www.freewebsitetemplates.com">Free Website Templates</a></div>
<map name="menu_woman_map" id="menu_woman_map">
<area shape="poly" alt="Contact" coords="169,223, 176,246, 73,254, 67,232" href="http://www.free-css.com/" />
<area shape="poly" alt="Adventures" coords="62,209, 67,232, 169,225, 159,198" href="http://www.free-css.com/" />
<area shape="poly" alt="Music" coords="53,183, 59,209, 159,197, 159,177" href="http://www.free-css.com/" />
<area shape="poly" alt="Stories" coords="53,159, 53,183, 159,177, 159,153" href="http://www.free-css.com/" />
<area shape="poly" alt="Home" coords="53,138, 53,159, 159,153, 159,132" href="http://www.free-css.com/" />
</map>
</body>
</html>
Related examples in the same category