menu drop down by Deluxe-Menu.com

DHTML Faq » I am trying create dhtml css menu tabs that occupy 100% width with each tab being equal width.

I am trying create dhtml css menu tabs that occupy 100% width with each tab being equal width.

Filed under: Recent Posts — Tags: — admin @ June 16, 2009 at 6:10 pm

Q:

I recently purchased your Deluxe-Tabs product and I am trying to create
tabs that occupy 100% width with each tab being equal width.

Right now when I specify 100% dhtml css menu width all of the tabs are difference
sizes (widths).

How do I control the individual tab width?

A:

You should use Individual Item styles to achieve this effect.

See the attached example.

You should set:

var bmenuWidth=”100%”;

I have 5 items in my example, so I’ve created Individual Style

var bstyles = [
["bitemWidth=20%"],
];

And assign it for all items:
["Item 1 aaaaa ssssss","", "", "", "", "", "0", "", "", ],
["Item 2 ffff jjjjjjjjjj","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],

But notice that items width cannot be smaller than the width of its’
text. So it is possible that you’ll have different size of some items
if your window have a small size.

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment