Sent by Ann Adamcik on 12 August 2006 01:01
----- Original Message ----
From: Henrik Jutterström [EMAIL-REMOVED]>
What I want is 7 columns, with a total of 6 links and one "spacer" that
"eats up" the rest of the menu-screen, so that I can have:
4 links on the left side of the screen.
1 spaceer, that eats up the rest of the middle screen width that is left.
And 2 links on the right side
Everything in the same row.
What about using 2 lists, floated left and right? You'd have to fiddle with spacing and wrapping,
but here's the basic idea:
#nav1 { float: left; }
#nav2 { float: right; }
.nav li { display: inline; padding: 0 5px; }
<ul id="nav1" class="nav">
<li><a href="#">List item 1</a></li>
<li><a href="#">List item 2</a></li>
<li><a href="#">List item 3</a></li>
<li><a href="#">List item 4</a></li>
</ul>
<ul id="nav2" class="nav">
<li><a href="#">List item 5</a></li>
<li><a href="#">List item 6</a></li>
</ul>
-Ann
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
