horizontal links

[resnostyle]

hello all,

i am currently working on a layout and would like the nav bar to have somewhat thicker horizontal bar.

i am using this code but would like the height to be somewhere around 40 px. when i change the height to be 40px, the div expands but it doesnt fill it with the new color.


CSS file



#menu2 ul {margin:0; width: 100%; padding: 5px 0; background-color:#666633;}

#menu2 ul li {display:inline; list-style-type: none;}

#menu2 ul li a:link, #menu2 ul li a:visited { background-color: 666633; color:white;text-decoration:none; padding: 5px;}

#menu2 ul li a:hover { background-color: black; color:white; }


HTML file



<div id="menu2">


<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
<li><a href="#">Link five</a></li>
</ul>

</div>

[Sliight]

Dunno if it could be this...but you forgot a # in your 2nd color set...the padding could have something to do with it also...

#menu2 ul {margin:0; width: 100&#37;; padding: 5px 0; background-color:#666633;}

#menu2 ul li {display:inline; list-style-type: none;}

#menu2 ul li a:link, #menu2 ul li a:visited { background-color: #666633; color:white;text-decoration:none; padding: 5px;}

#menu2 ul li a:hover { background-color: black; color:white; }

[resnostyle]

Dunno if it could be this...but you forgot a # in your 2nd color set...the padding could have something to do with it also...

#menu2 ul {margin:0; width: 100%; padding: 5px 0; background-color:#666633;}

#menu2 ul li {display:inline; list-style-type: none;}

#menu2 ul li a:link, #menu2 ul li a:visited { background-color: #666633; color:white;text-decoration:none; padding: 5px;}

#menu2 ul li a:hover { background-color: black; color:white; }

yea thanks... i was able to adjust the padding and got it to work... i found the soution while i was messing with it yesterday!