Log in

View Full Version : Help please! CSS Navigation issues



dmwhipp
04-28-2013, 06:41 PM
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:

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

dmwhipp
04-28-2013, 08:33 PM
Fonnd the issue... I had incorrect values in the heading section above the nav section.

ajfmrf
04-28-2013, 08:36 PM
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