Previous Message
Next Message

'Stretchy' Horizontal menu from a bulleted lists

Sent by Zoe M. Gillenwater on 29 November 2004 16:04


Julian Voelcker wrote:

>I am working on a horizontal menu based on CSS formatted lists and am 
>wondering if there is any way to get them to automatically stretch to 
>fill the width of the screen.
>
>For example, if I have 6 items in the menu I would want them equally 
>spaced across the screen regardless of the resolution.  I have done 
>this sort of thing before using a table, but obviously want to try to 
>avoid it.
>  
>

I assume you want the width of each button to vary based on the length 
of its text, correct?  Because otherwise it would be quite easy: divide 
100% by 6, set each button to that size (actually a little less, but 
hey), and voila.  You probably want something like this:
http://mrclay.org/web_design/tabs/

Unfortunately, only examples 2, 4, and 5 work on that page for IE, and 
all of those involve tables.

Zoe

-- 
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu

______________________________________________________________________
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: