AG wrote:
> Bill, thanks for your reply. In your suggestion, it appears to me
> that if you don't float the li, all links will stack up in the center
> of the container.
My apologies, I thought that was what you were looking for . ;-)
Maybe something like this is better?
<style type='text/css'>
ul,li{list-style:none;margin:0;padding:0;}
ul.tabs {
background:#707070;
margin: 0 auto;
text-align: left;
width: 35em;
}
ul.tabs li {
background:#808080;
display: inline-block;
vertical-align: bottom;
width: 7em;
}
ul.tabs a {
background:#909090;
color: #fff;
display: block;
overflow: hidden;
padding: 2px 5px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
ul.tabs a:hover {
background:#c0c0c0;
color: #000;
}
</style>
<!--[if lt IE 7]><style type='text/css'>
ul.tabs li {display: inline;}
</style><![endif]-->
<ul class='tabs'
><li><a href='/'>Link 1</a></li
><li><a href='/'>Link 2</a></li
><li><a href='/'>Link 3</a></li
><li><a href='/'>Link 4</a></li
><li><a href='/'>Link 5</a></li
><li><a href='/'>Link 6</a></li
></ul>
--
<!--
! Bill Brown <[email protected]>
! Web Developologist, WebDevelopedia.com
-->
______________________________________________________________________
css-discuss [[email protected]]
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/
