SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict jodmcc's Avatar
    Join Date
    Dec 2003
    Location
    Houston, Texas
    Posts
    227
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Not sure what to change-Nav pushing content

    Having problems with the sub nav pushing content down and I don't know what to change. Any help would be great.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3c.org/1999/xhtml">
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="renegades.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
    <!--start navigation--!>
    <ul id="main-nav">
     <li><a href="about">About Us</a></li>
     <li><a href="members.html">Members</a></li>
     <li><a href="sponspack.html">Packages</a></li>
     <li><a href="sponsors.html">Underwriters</a>
      <ul>
       <li><a href="2000.html">2000</a></li>
       <li><a href="2001.html">2001</a></li>
       <li><a href="2002.html">2002</a></li>
      </ul>
     </li>
     <li><a href="contact">Contact Us</a></li>
    </ul><!--end navigation--!>
    <div id="bodycontent"><!--start body content--!>
    <p>Our group consists of friends and family members who have been involved in the Houston Livestock Show & Rodeo and the Houston Livestock Show & Rodeo World's Championship Bar-B-Que Contest for many, many years. The Renegades were assembled in 1999, when we decided it was time to start doing things a little differently than the way they had been done in the past. The year 2000 brought not only the new Millennium, but also a renewed outlook on our approach to friendships, team work, and most of all, barbecue. As each year passes, it seems that this event as a whole gets larger. To accommodate for this growth, the Renegades expanded to provide additional space for our guests to enjoy the fun, food and activities.</p>
    </div>
    </body>
    </html>
    
    CSS:
    ul#main-nav {font-family:helvetica,arial,sans-serif;margin:0;padding:0;float:left;width:720px;font-size:0.9em;}
    ul#main-nav li {margin:0;padding:0;list-style:none;float:left;margin:0 0.3em 0 0;width:9em;}
    ul#main-nav li a {text-decoration:none;display:block;padding:0.3em 0.5em;border:1px solid silver;color:#003;background:#fff;}
    ul#main-nav li a:hover, ul#main-nav	li a:focus {border:1px solid gray;color:#000;background:#efefef;}
    ul#main-nav li ul {padding:0;display:none;}
    ul#main-nav li:hover ul {display:block;}
    ul#main-nav li ul li {float:none;}
    ul#main-nav li ul li a {font-size:0.9em;}
    
    #bodycontent {width: 720px; font-size: 95&#37;;}

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Try adding the two red bits below:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3c.org/1999/xhtml">
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css" media="all">
    ul#main-nav {font-family:helvetica,arial,sans-serif;margin:0;padding:0;float:left;width:720px;font-size:0.9em;}
    ul#main-nav li {margin:0;padding:0;list-style:none;float:left;margin:0 0.3em 0 0;width:9em;position:relative;}
    ul#main-nav li a {text-decoration:none;display:block;padding:0.3em 0.5em;border:1px solid silver;color:#003;background:#fff;}
    ul#main-nav li a:hover, ul#main-nav li a:focus {border:1px solid gray;color:#000;background:#efefef;}
    ul#main-nav li ul {padding:0;display:none;}
    ul#main-nav li:hover ul {display:block;position:absolute;}
    ul#main-nav li ul li {float:none;}
    ul#main-nav li ul li a {font-size:0.9em;}
    
    #bodycontent {width: 720px; font-size: 95%;}
    </style>
    </head>
    <body>
    <!--start navigation--!>
    <ul id="main-nav">
     <li><a href="about">About Us</a></li>
     <li><a href="members.html">Members</a></li>
     <li><a href="sponspack.html">Packages</a></li>
     <li><a href="sponsors.html">Underwriters</a>
      <ul>
       <li><a href="2000.html">2000</a></li>
       <li><a href="2001.html">2001</a></li>
       <li><a href="2002.html">2002</a></li>
      </ul>
     </li>
     <li><a href="contact">Contact Us</a></li>
    </ul><!--end navigation--!>
    <div id="bodycontent"><!--start body content--!>
    <p>Our group consists of friends and family members who have been involved in the Houston Livestock Show & Rodeo and the Houston Livestock Show & Rodeo World's Championship Bar-B-Que Contest for many, many years. The Renegades were assembled in 1999, when we decided it was time to start doing things a little differently than the way they had been done in the past. The year 2000 brought not only the new Millennium, but also a renewed outlook on our approach to friendships, team work, and most of all, barbecue. As each year passes, it seems that this event as a whole gets larger. To accommodate for this growth, the Renegades expanded to provide additional space for our guests to enjoy the fun, food and activities.</p>
    </div>
    </body>
    </html>


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •