Re: [css-d] One floating
  • ? (Converting a to
  • )

    Fri, 11 Aug 2006 17:10:02 -0700

    ----- Original Message ----
    From: Henrik Jutterström <[EMAIL PROTECTED]>
    
    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 PROTECTED]
    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/

    Reply via email to