AG wrote: > Here's the problem: - building a horizontal tabbed navigation bar [snipped] > Any ideas would be greatly appreciated. Needs to work in IE6 and all > normal browsers.
Something like this? ~~~ [CSS] <style type='text/css'> ul.tabs,ul.tabs li{list-style:none;margin:0;padding:0;} ul.tabs { text-align: center; } ul.tabs li { display: inline-block; vertical-align: bottom; } ul.tabs a { display: block; overflow: hidden; padding: 2px 5px; white-space: nowrap; width: 100px; } </style> <!--[if lt IE 7]><style type='text/css'> ul.tabs li {display: inline;} </style><![endif]--> ~~~ [/CSS] ~~~ [HTML] <ul class='tabs' ><li><a href='/'>Home</a></li ><li><a href='/'>About Us</a></li ><li><a href='/'>Contact Us is a really long link</a></li ></ul> ~~~ [/HTML] Hope it helps. --Bill -- <!-- ! Bill Brown <macnim...@gmail.com> ! Web Developologist, WebDevelopedia.com --> ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/