Hi all...
im having trouble with my website.
i finally have the website centered, but for the life of me i cannot get the header centered... (layer7)
Can anyone help?
Website is http://www.craftysimian.com
cheers for any help
im having trouble with my website.
i finally have the website centered, but for the life of me i cannot get the header centered... (layer7)
Can anyone help?
Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Crafty Simian</title>
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
}
body {
background-color: #000000;
}
#Layer1 {
position:absolute;
left:0;
top:0;
width:900;
height:100;
z-index:1;
text-align: justify;
}
#Layer2 {
position:absolute;
left:0;
top:114px;
width:900;
height:60;
z-index:2;
}
#Layer3 {
position:absolute;
left:0px;
top:114px;
width:900px;
height:66px;
z-index:3;
text-align: center;
}
#Layer4 {
position:absolute;
left:0;
top:182px;
width:323px;
height:323px;
z-index:4;
}
#Layer5 {
position:absolute;
left:0px;
top:182px;
width:335px;
height:217px;
z-index:4;
text-align: center;
background-image: url(joinusBG.png);
background-repeat: no-repeat;
padding: 0px;
}
#Layer6 {
position:absolute;
left:336px;
top:182px;
width:554px;
height:202px;
z-index:5;
text-align: center;
background-image: url(newsBG.png);
background-repeat: no-repeat;
padding-top: 15px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.style1 {font-family: Arial, Helvetica, sans-serif}
#Layer7 {
position:absolute;
left:0;
top:0;
width:900;
height:44px;
z-index:1;
text-align: center;
}
-->
</style>
</head>
<body>
<div style="width:100%"> <!-- create container div --> <div style="position:relative; width:950px; margin:0 auto;"> <!-- center inner div within the container div -->
<div id="Layer7">
<div align="center"><img src="header.png" width="676" height="113" /></div>
</div>
<div id="Layer3"><a href="index.html"><img src="home.png" width="150" height="51" border="0" /></a> <img src="spacer.png" width="9" height="51" /> <a href="band.html"><img src="band.png" width="148" height="55" border="0" /></a> <img src="spacer.png" width="9" height="51" /> <a href="gigs.html"><img src="gigs.png" width="111" height="52" border="0" /></a> <img src="spacer.png" width="9" height="51" /> <a href="music.html"><img src="music.png" width="166" height="58" border="0" /></a> <img src="spacer.png" width="9" height="51" /> <a href="press.html"><img src="press.png" width="160" height="53" border="0" /></a></div>
<div id="Layer5">
<p><img src="joinus.png" width="173" height="40" vspace="15" /></p>
<p><img src="facebook.png" width="100" height="100" /><img src="myspace.png" width="100" height="100" /><img src="twitter.png" width="100" height="100" /></p>
</div>
<div id="Layer6">
<p><img src="news.png" width="287" height="40" /></p>
<h3 class="style1"><u>New Website, New Drummer... We're back! - 14/12/2009</u></h3>
<p class="style1">Welcome to the new Crafty Simian website. After a 3 month break we are back on the scene. </p>
<p class="style1">The new face you'll see sitting behind the drumkit is Richard Plater... Were currently in the process of teaching him our Crafty ways. </p>
<p class="style1">Keep an eye on our Gig page as we announce more dates... </p>
<p class="style1"> </p>
<p> </p>
</div>
</div> <!-- close div.inner --></div> <!-- close div.container -->
</body>
</html>Website is http://www.craftysimian.com
cheers for any help