Previous Message
Next Message

One floating <li> ? (Converting a <table> to <li>)

Sent by Henrik_Jutterström on 11 August 2006 22:10


Hi and thank you for your ideas.

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.

For a demo, go to: http://www.ninja.nu/dagbok/ and look in the top of
the page.
(Adress / Bildarkiv / Dagbok / Hebok / <spacer> / Kontakt / Info).

I would really like it if anyone could give me some helpful tips on how
this can be done.

Zoe M. Gillenwater wrote:
> Henrik Jutterström wrote:
>> Hi All!
>>
>> New to the List I'm looking for help on a problem with a <td> that has a
>> "*"-width..
>>
>> I dont understand how this is supposed to be done i CSS for coding
>> "Strict" Valid html.
>>
>> Hos is this done? Can anyone help me?
>>
>> <table width="100%" border="0" cellspacing="0" cellpadding="5">
>> <tr>
>> <td width="100"><a href="/a/" class="menyLank">A</a></td>
>> <td width="100"><a href="/b/" class="menyLank">B</a></td>
>> <td width="100"><a href="/c/" class="menyLank">C</a></td>
>> <td width="100"><a href="/d/" class="menyLank">D</a></td>
>> <td width="*">&nbsp;</td>  <-- This is the one causeing me problems..
>> <td width="100"><a href="/e/" class="menyLank">E</a></td>
>> <td width="100"><a href="/f/" class="menyLank">F</a></td>
>> </tr>
>> </table>
>>
>>
>> Best Regards
>> /Henrik Jutterström
>>   
> 
> Henrik,
> 
> I believe that you just don't assign a width to that one cell. Since the 
> other cells have widths (move them to the style sheet), and the table 
> has a width (also move to style sheet), the width-less cell will expand 
> to fill the remainder of the table. This is what you want, correct? Try 
> it and let us know how it works.
> 
> Zoe
> 

-- 
tel 070-714 66 66
______________________________________________________________________
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/
Previous Message
Next Message

Message thread: