<html>
<style type="text/css">
a { outline: none; }
body {
background-color: #000;
background-image: url(images/fondo.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
position:relative;
min-width:1024px;
min-height:600px;
}
#container {
background-image: url(images/fondohome.jpg);
position:relative;
left: 50%;
top: 0%;
width:1000px;
height:600px;
margin-left: -500px;
}
#titulo {
position:absolute;
left:0%;
top:5%;
width:444px;
height:35px;
z-index:1;
}
#apDiv1 {
position:absolute;
left:5%;
top:20%;
width:139px;
height:24px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:5%;
top:25%;
width:163px;
height:24px;
z-index:1;
}
#apDiv3 {
position:absolute;
left:5%;
top:30%;
width:249px;
height:24px;
z-index:1;
}
#apDiv4 {
position:absolute;
left:5%;
top:35%;
width:155px;
height:24px;
z-index:1;
}
#apDiv5 {
position:absolute;
left:5%;
top:40%;
width:313px;
height:24px;
z-index:1;
}
#apDiv6 {
position:absolute;
left:5%;
top:45%;
width:111px;
height:24px;
z-index:1;
}
#apDiv7 {
position:absolute;
left:5%;
top:50%;
width:147px;
height:24px;
z-index:1;
}
#apDiv8 {
position:absolute;
right:0%;
bottom:0%;
width:381px;
height:12px;
z-index:1;
}
</style>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
</head>
<body>
<div id="container">
<div id="titulo"><img src="images/davidcalfstudio.gif" width="444" height="35" class="latest_img"/></div>
<div id="apDiv1"><a href="fashion.html"><img src="images/btnfashion.gif" width="139" height="24" alt="Fashion" class="latest_img" border="0"/></a></div>
<div id="apDiv2"><a href="underconstruction.html"><img src="images/btneditorial.gif" width="163" height="24" alt="Editorial" class="latest_img" border="0"/></a></div>
<div id="apDiv3"><a href="underconstruction.html"><img src="images/btnadvertisement.gif" width="249" height="24" alt="Advertisement" class="latest_img" border="0"/></a></div>
<div id="apDiv4"><a href="underconstruction.html"><img src="images/btnpersonal.gif" width="155" height="24" alt="Personal" class="latest_img" border="0"/></a></div>
<div id="apDiv5"><a href="underconstruction.html"><img src="images/btnbehindthescenes.gif" alt="Behind the Scenes" width="313" height="24" class="latest_img" border="0"/></a></div>
<div id="apDiv6"><a href="about.html"><img src="images/btnabout.gif" width="111" height="24" alt="About" class="latest_img" border="0"/></a></div>
<div id="apDiv7"><a href="contact.html"><img src="images/btncontact.gif" width="147" height="24" alt="Contact" class="latest_img" border="0"/></a></div>
<div id="apDiv8"><img src="images/copyright.gif" width="381" height="12" style="border: none;" class="latest_img"/></div>
</div>
</body>
</html>
Este seria el código completo