I'll take a stab at this one. Examining the CSS of these <li>
containers with Firebug, I can see that the selected tab (<li>) has
the following CSS that is not found on the deselected tabs.
// ui.tabs.css (line 7)
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
border-bottom:0 none; // border-bottom is overridden by an !
important elsewhere
padding-bottom:0.1em;
}
That extra 0.1em padding-bottom makes the selected tab protrude a
little below all the others, which creates a block for the wrapping
float, thus leading to this visual infelicity.
It appears to me that the "0.1em" should be "0.1px" since the all the
borders appear to be px-based, and I assume we want to remove the
border (substituting padding) to give the impression that the tab and
its pane are visually connected and continuous.
I'm guessing :)
**--** Steve
On Feb 19, 7:15 am, P0rridge <[email protected]> wrote:
> I have installed the latest version of UI on our site. Tabs that
> require 2 lines have a problem - the tab/s on the second line float
> left and right depending on which tab on the first line is selected.
> You can see this happening here
>
> http://www.innovativebusinessdesign.com/business_strategy
>
> This was happening some time ago with a previous version, so maybe
> something has reverted?
>
> Or, have I set the links to the style sheet incorrectly? I looked
> everywhere in the documentation and examples for the style sheet kink.
> Could not find anything except in the example html page in the
> download, which points at theme/ui.all.css - on our site
>
> <link rel='stylesheet' href='/2/classes/jquery-ui-personalized-1.6rc6/
> theme/ui.all.css' type='text/css'/>
>
> However I see there are stylesheets for the different elements like
> Tabs - does the Jquery UI code look at these explicitly, or maybe we
> should provide a link?
>
> Thanks
>
> Greg
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
