100% Width Span Menu

leatkins · Post by **leatkins** » Thu Dec 11, 2003 3:26 pm

I was wondering if it was possible when setting the width of a vertical menu to somehow tell the menu items to exand out to fill the width of the menu as well?

Thanks!
Laura

Post by **John** » Thu Dec 11, 2003 11:28 pm

Maybe I'm just having a bad day (actually I am!), but what you're asking is not getting through to me.

Care to try again, or post a URL so we can see what's happening?

Maz · Post by **Maz** » Fri Dec 12, 2003 7:59 am

I'll take a guess its a horizontal menu

Or we might be talking about a new type of website 100% menu.

maz

leatkins · Post by **leatkins** » Fri Dec 12, 2003 8:51 pm

Sorry, I meant horizontal menu.

What I want to do is have a horizontal menu that spans the whole width of the screen. But I only have 5 items in the menu (help, tools, about, ...). When I use the span = 100% the background colour of the menu spans across the whole screen, but there is a big space after the last menu item. I know that I can specify the alignment of the menu items, and if I set it to align = centre I have a large space before the first item and after the last item.

So I was wondering if the width of each menu item could expand out as well to fill the whole space of the horizontal menu.

Hopefully this post is clearer

Laura

Maz · Post by **Maz** » Fri Dec 12, 2003 10:45 pm

I haven't tried this with the menu since way..back.

However, I use tables to do this, the first and last cell are empty to stretch the page, while the table link cells have a strict width.

I'm not sure how this will work; try making the first and last (empty space & n b s p ; [without spaces or you wouldn't see it here]) type=header, the menu items a fixed width and see what happens.

Regards,
maz

Post by **John** » Sat Dec 13, 2003 12:13 am

http://milonic.com/menusample.php?sampleid=26 might be an interesting place to start!

Post by **Ruth** » Sat Dec 13, 2003 1:42 pm

The following seems to work in Netscape 6,7, IE 5.0 and Opera 6, but not Opera 7. Others would have to test other browsers.

Code: Select all

style=whatever;
menuwidth="100%";
itemwidth="100%";
alwaysvisible=1;
orientation="horizontal";

Ruth

leatkins · Post by **leatkins** » Mon Dec 15, 2003 4:45 pm

Thanks Ruth it worked perfectly. That's exactly what I was looking for!

Laura

halcyon · Post by **halcyon** » Tue Jan 06, 2004 11:28 pm

itemwidth="100%"; seems to be the essential piece.. I had the same problem with just menuwidth set to 100%.. add item width and your in business.
Thanks!!
-David