I have done a bit of work since the last post. Id love to have some CSS gurus go over my code.
WEBSITE
Code:
<body>
<div id="header"></div>
<div id="main-contain">
<div id="row-1">
<div id="top-ten">
<p class="top-ten">TEXT TITLE</p>
</div>
<div id="self-portrait"></div>
<div id="self-portrait-menu"></div>
</div>
<div id="row-2">
<div id="reason1"></div>
<div id="reason2"></div>
<div id="reason3"></div>
</div>
</div>
</body>
***********************************
/***************************/
/********* Header **********/
/***************************/
#header {
background-image: url(images/header-bg.jpg);
height:350px;
width:100%;
}
/***************************/
/********* Content **********/
/***************************/
#main-contain {
background-image:url(images/main-con-bg.png);
height:4000px;
margin:auto;
width:790px;
top: -1000px;
}
/***************************/
/*******Photo Boxes*********/
/***************************/
#row-1 {
width:100%;
height: 440px;
}
#top-ten{
background-image:url(images/top-ten.png);
height:433px;
width:400px;
background-repeat: no-repeat;
position: relative;
top: 15px;
left: 25px;
padding-top: 5px;
}
#self-portrait{
background-image:url(images/self-portrait.png);
height:310px;
width:450px;
top: -475px;
position: relative;
left: 400px;
z-index: 2;
}
#self-portrait-menu {
background-image:url(images/bio-paper.png);
width: 362px;
height: 241px;
position: relative;
top: -550px;
left: 415px;
z-index:1;
}
#row-2 {
width:100%;
height: 640px;
}
#reason1{
background-image:url(images/reason1.png);
height:300px;
width:256px;
position: relative;
top: 25px;
left: 15px;
}
#reason2 {
background-image:url(images/reason2.png);
height:300px;
width:272px;
position: relative;
top: -290px;
left: 270px;
}
#reason3 {
background-image:url(images/reason3.png);
height:468px;
width:259px;
position: relative;
left: 530px;
top: -590px;
}
#samples {
background-image:url(images/samples.png);
height:634px;
margin:auto;
width:760px;
}
/***************************/
/*********Content***********/
/***************************/
p.top-ten {
color: #CCCCCC;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
font-weight: bold;
margin-left: 45px;