Previous Message
Next Message

Replacing a table based menu with a CSS one

Sent by Danie Roux on 16 August 2004 14:02


Hi all,

After spending two days discovering the wonders of CSS positioning from a
few great resources, only one part of my original layout remains for
conversion:

<table width="100%">
     <tr>
         <td><a href="http://somelink.com">First Link</a></td>
         <td><a href="http://somelink.com">Second Link</a></td>
         <td><a href="http://somelink.com">Third Link</a></td>
         <td><a href="http://somelink.com">Fourth Link</a></td>
         <td><a href="http://somelink.com">Fifth Link</a></td>
     </tr>
</table>

The question is: How can I equally space out the links across the whole of
the screen using CSS?

Using "list-style-type: none; display: inline; float: left width: 24%"
with a <ul> it almost works. But it doesn't fill it to the very end of the
page. Specifying 25% makes it wrap.

Thank you in advance for any leads!

PS I'm only targetting IE6, Mozilla etc. Thus no worries about old browsers.

--
Danie Roux *shuffle* Adore Unix


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
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: