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
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