CSS Forum

**leehughes** · 06-27-2009, 01:50 PM

Hi everyone,

Am designing my first website which has induced the most amount of headaches ever. My latest headache is this

http://i45.photobucket.com/albums/f5...1/Picture2.png

I would like to move the nav bar on the right down so I can center the image and expand it. Am using the css two column template off dreamweaver.

I have attached my css and html code if needed.

thanks

**leehughes** · 06-27-2009, 04:42 PM

sorry attachment with html didn't work for some reason..

HTML 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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Lee Hughes </title>
<link rel="stylesheet" href="file:///Macintosh%20HD/Applications/Macromedia%20Dreamweaver%208/Configuration/BuiltIn/PageDesigns/styles/2col_rightNav.css" type="text/css" />
</head>
<!-- The structure of this file is exactly the same as 2col_leftNav.html;
     the only difference between the two is the stylesheet they use -->
<body bgcolor="#000000" text="#FFFFFF">
<div id="masthead"><font color="#FFFFFF" size="+2" face="Century Gothic">The adventure of a lifetime</font>
  <div id="globalNav"> 
    <div align="right"><a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a> </div>
  </div>
</div>
<!-- end masthead -->
<div id="content">
  <div id="breadCrumb"> 
    <div align="right"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; breadcrumb</a> / <a href="#">breadcrumb</a> / <a href="#">breadcrumb</a> / </div>
  </div>
  <h2 id="pageName"><img src="nugget-point-lighthouse.jpg" width="729" height="283" /></h2>
  <div class="feature">
    <h3>Feature Title</h3>
    </div>
  <div class="story">
    <h3>Story Title</h3>
  </div>
  <div class="story">
    <h3>Story Title</h3>
  </div>
</div>
<!--end content -->
<div align="center" id="navBar">
  <div id="search"></div>
  <div class="relatedLinks">
    <h3>Related Link Category</h3>
    <ul>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
    </ul>
  </div>
  <div class="relatedLinks">
    <h3>Related Link Category</h3>
    <ul>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
    </ul>
  </div>
  <div id="advert"> <img src="" alt="" width="107" height="66" /> Ad copy ad copy ad copy. Ad copy ad copy. </div>
  
  <h3>Headlines</h3>
  <p> Headline <a href="#">full story...</a> </p>
  <p> Headline <a href="#">full story...</a> </p>
  <p> Headline <a href="#">full story...</a> </p>
  <p align="left"> Headline <a href="#">full story...</a> </p>
</div>
<!--end navBar div -->
<div id="siteInfo"> <img src="" width="44" height="22" /> <a href="#">About Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | &copy;2003 Company Name </div>
<br />
<br /><div style="z-index:3" class="smallfont" align="center">Content Relevant URLs by vBSEO 3.0.0 &copy;2007, Crawlability, Inc.</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-139461-1";
urchinTracker();
</script>
<br /><div style="z-index:3" class="smallfont" align="center">Content Relevant URLs by vBSEO 3.0.0 &copy;2007, Crawlability, Inc.</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-139461-1";
urchinTracker();
</script>
</body>
</html>