Help - Search - Members - Calendar
Full Version: header alignment
Forums > Resource Center > Webmasters' Corner > Resolved Topics
bigtrey90
how do I align my header at the very top in Dreamweaver for my website?
freeflow
Put it in a div and move it around.
bigtrey90
I tried but it wont work, here is my code for dreamweaver:

CODE
<body bgcolor="a6aa8e" background="file:///C|/Documents%20and%20Settings/Owner.ROBINSON.002/Desktop/brushes/jigsaw.puzzle04.jpg" onLoad="MM_preloadImages('blog1.png','photo1.png','work1.png','links.png','credit1.png','rules.png')">
<style>
.layout{
    position: absolute;
    top: 100px;
    left: 50px;}</style>

<div id="layout">

<table width="787" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td height="336" colspan="3" valign="top"><div align="center"><img src="file:///C|/Documents%20and%20Settings/Owner.ROBINSON.002/My%20Documents/My%20Pictures/Untitled-1.png" width="750" height="332" border="2"></div></td>
  </tr>
  <tr>
    <td width="18" height="45">&nbsp;</td>
    <td width="750" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td width="750" height="45" valign="top"><div align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','blog1.png',1)"><img src="blog.png" name="Image2" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','photo1.png',1)"><img src="photo.png" name="Image3" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','work1.png',1)"><img src="work.png" name="Image4" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','links.png',1)"><img src="links1.png" name="Image5" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','credit1.png',1)"><img src="credit.png" name="Image6" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','rules.png',1)"><img src="rules1.png" name="Image7" width="100" height="45" border="0"></a></div></td>
        </tr>
      </table></td>
    <td width="19">&nbsp;</td>
  </tr>
  <tr>
    <td height="2"></td>
    <td></td>
    <td></td>
  </tr>
</table>
</div>
freeflow
CODE
<html>
<head><title>Sitename</title>

<style type="text/css">
#layout{
    position: absolute;
    top: 100px;
    left: 50px;
}</style>

</head>
<body bgcolor="a6aa8e" background="file:///C|/Documents%20and%20Settings/Owner.ROBINSON.002/Desktop/brushes/jigsaw.puzzle04.jpg" onLoad="MM_preloadImages('blog1.png','photo1.png','work1.png','links.png','credit1.png','rules.png')">
<div id="layout">

<table width="787" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td height="336" colspan="3" valign="top"><div align="center"><img src="file:///C|/Documents%20and%20Settings/Owner.ROBINSON.002/My%20Documents/My%20Pictures/Untitled-1.png" width="750" height="332" border="2"></div></td>
  </tr>
  <tr>
    <td width="18" height="45">&nbsp;</td>
    <td width="750" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td width="750" height="45" valign="top"><div align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','blog1.png',1)"><img src="blog.png" name="Image2" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','photo1.png',1)"><img src="photo.png" name="Image3" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','work1.png',1)"><img src="work.png" name="Image4" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','links.png',1)"><img src="links1.png" name="Image5" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','credit1.png',1)"><img src="credit.png" name="Image6" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','rules.png',1)"><img src="rules1.png" name="Image7" width="100" height="45" border="0"></a></div></td>
        </tr>
      </table></td>
    <td width="19">&nbsp;</td>
  </tr>
  <tr>
    <td height="2"></td>
    <td></td>
    <td></td>
  </tr>
</table>
</div>
</body>
</html>
bigtrey90
thanks but the header and links still arent at the very top, like this website header:

example
freeflow
^ Because you didn't position them at the top. You set the top to 100. To get it at the very top your supposed to set it to 0.
bigtrey90
okay i feel real dumb, thanks toya
i know you get alot of dumb questions like mine =]
freeflow
Its ok and it wasn't a dumb question. I'm glad to help as well. If you need this topic again or more help feel free to pm me.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.