Now this solution, still stacks-up links one under another in IE6.
--- On Thu, 4/2/09, Bill Brown <macnim...@gmail.com> wrote:
From: Bill Brown <macnim...@gmail.com>
Subject: Re: [css-d] center float:left
To: "AG" <rovis...@yahoo.com>
Cc: css-d@lists.css-discuss.org
Date: Thursday, April 2, 2009, 9:37 AM
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 <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/
