This will work. Might not be the best way (maybe Klaus Hartl will see
the question and
give you an official answer) but it gets the job done.
.ui-tabs .ui-tabs-nav li a { max-width:80px; white-space:normal;height:
40px;}
You need to set either width or max with to make the wrap happen. You
have to set height
or the newly wrapped tabs will extend down while the single line ones
won't.
On May 20, 2:35 pm, kobi <[email protected]> wrote:
> Hi All,
>
> I need to spread tabs evenly on one row and make the text wrap, when
> I
> am using fixed width for .ui-tabs-nav li
> the panel and nav are not aligned. I don't want the tabs to shift to
> the next line.
>
> If you take the sample tab page and limit the div width and then put
> long text in each tab you will see what I am talking about.
>
> PLEASE HELP!! !!!!
> Kobi
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---