(c) 2007, DHTML-Menu.com
 
   
   
  Support
  Recent Questions
  Write To Support
 

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

Return to Recent Questions


Q: I recently purchased your DHTML 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% 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.





Return to Recent Questions

Related:
   
Copyright (c) 2012, DHTML-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. bootstrap slider | bootstrap gallery | creador de paginas web | bootstrap carousel | banner slider