noobie dreamweaver help needed.

Discussion in 'Web Design and Development' started by Deano.uk, Oct 14, 2009.

  1. Deano.uk macrumors regular

    Deano.uk

    Joined:
    Aug 24, 2009
    Location:
    Teesside
    #1
    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?

    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
     
  2. star-fish macrumors regular

    Joined:
    Aug 24, 2009
    #2
    Is that code copied from the index page or an internal page?

    I don't know what browser you're using but in FireFox, the banner is centred on the homepage but not on any of the others. That might give you some clues.
     
  3. Deano.uk thread starter macrumors regular

    Deano.uk

    Joined:
    Aug 24, 2009
    Location:
    Teesside
    #3
    doh... cleared my cash an its all ok... yeah, ive only done the layout on that page so far.
     

Share This Page