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/
