On May 18, 2005, at 5:36 PM, Mike Stickel wrote:
Thanks Jack. That makes sense and something I should have realized. Now, with the changes made to reflect the suggestion below, each list item is extending across the entire width of the parent block in a vertical order. By adding a "float: left" rule to the list item I can get the effect I'm going for. Of course, then I have to deal with the floating issues so I'm wondering if there is another way around using a float to achieve the same effect.
Pertinent CSS #mainnav ul { margin: 1em auto; padding: 0; }
#mainnav li a:link, #mainnav li a:visited { width: auto; margin: 0 0.35em 0 0; padding: 1em 0; color: #FFF; text-align: center; display: block; text-decoration: none; background-color: #000; }
#mainnav li { margin: 0 0.5em 0 0; padding: 0;/* float: left;*/ display: inline; }
Couldn't you now use absolute positioning? That's what I do when using image-based ul menus.
--
Lorin Rivers
Mosasaur: Killer Technical Marketing <http://www.mosasaur.com>
<mailto:[EMAIL PROTECTED]>
512/203.3198 (m)
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
