Hi Travis,
> I was trying to do this with <ul> <li> but I can't seem to figure it out. I
> am really trying to stay away from tables on this. Does anyone have a good
> way to set this up?
There are several ways this could be done, and this is a simple
solution which uses absolute positioning (I assume the pictures you
have betweem the menu elements are content rather than
presentational/decorative, in which case they'd be best used as
background images).
Markup:
[div id="navigation"]
[ul id="menu"]
[li id="option1"] Option 1 [/li]
[li id="option2"] Option 2 [/li]
...
[/ul]
[/div]
CSS:
div#navigation { position: relative; width: xx px; height: yy px; ]
ul#menu { ... }
li#option1 { position: absolute; /* use top, left, width and height
properties to set the dimensions and position it accordingly */ }
li#option2 { /* Similar to above, position absolutely */ }
...
HTH,
Prabhath
--
http://nidahas.com
______________________________________________________________________
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/
