Results 1 to 3 of 3

Thread: Help please! CSS Navigation issues

  1. #1
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    197
    Thanks
    43
    Thanked 1 Time in 1 Post

    Default Help please! CSS Navigation issues

    Hi,
    I'm trying to redesign my site using HTML5 and CSS3, which are completely new to me.

    I'm having an issue with the Nav section here: http://www.dwwebdesigns.com/indextest.html

    Here is the CSS coding I have for that section:
    Code:
    nav { display:block; width:928px; height:25px; background:#b59c84; border-left:16px solid #fff; border-right:16px solid #fff; margin:0px auto; }
    #navpad { width:928px; background:#b59c84; padding:15px 0px 10px 0px; margin:0px auto;  }
    #navbar { width:896px; background:#b59c84; margin:0px auto; }
    
    #navhome { float:left; width:100px; height:20px; border-right:1px solid #d6c8ba; text-align:center; }
    #navabout { float:left; width:120px; height:20px; border-right:1px solid #d6c8ba; text-align:center; }
    #navservices { float:left; width:125px; height:20px; border-right:1px solid #d6c8ba; text-align:center; }
    #navportfolio { float:left; width:125px; height:20px; border-right:1px solid #d6c8ba; text-align:center; }
    #navpricing { float:left; width:125px; height:20px; border-right:1px solid #d6c8ba; text-align:center; }
    #navcontact { float:left; width:120px; height:20px; border-right:1px solid #d6c8ba; text-align:center; }
    #navterms { float:left; width:175px; height:20px; text-align:center; }
    I can't figure out why the navpad and navbar background colors and padding aren't working, though I'm guessing it's something simple.

    This is what it's supposed to look like when I'm finished: http://www.dwwebdesigns.com/index2.html

    Any help with this would be greatly appreciated!
    Deborah
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

  2. #2
    Join Date
    Sep 2004
    Location
    Tallahassee, FL USA
    Posts
    197
    Thanks
    43
    Thanked 1 Time in 1 Post

    Default

    Fonnd the issue... I had incorrect values in the heading section above the nav section.
    Deborah Whipp
    Web Designer
    Tallahassee, FL
    www.DWWebDesigns.com

  3. #3
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    596
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    the indextest.html has an extra item in the css file.
    styletest.css?v29

    has navtestimonials and a width of 125 in it but the other one does not and the widths are wider to adjust for the difference in the width
    Thanks,

    Bud

Similar Threads

  1. IE7 issues
    By webgirrrl1 in forum CSS
    Replies: 2
    Last Post: 11-21-2010, 10:03 AM
  2. Please help: 2 Issues with "All Levels Navigation Menu (v2.2)
    By netlooks in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 06-23-2010, 08:39 AM
  3. Replies: 12
    Last Post: 05-26-2010, 06:28 AM
  4. IE CSS Issues
    By kb_bdg in forum CSS
    Replies: 2
    Last Post: 05-19-2008, 11:17 PM
  5. Navigation Issues
    By (`._ h$ _.) in forum HTML
    Replies: 1
    Last Post: 05-04-2006, 04:09 PM

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
  •