Both suggestion still don't resolve the problem. I tried to play
around with ui.tabs.css file which was downloaded from jquery UI demo
page and it work, What I did was to change
from ....
/* Tabs
----------------------------------*/
.ui-tabs {padding: .2em;}
.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em; position:
relative; }
.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important;
margin: 0 .2em -1px 0; padding: 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none;
padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em;
border-bottom: 0; }
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border:
0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
to ....
/* Tabs
----------------------------------*/
.ui-tabs {padding: .2em;}
.ui-tabs-nav { padding: .2em .2em 0 .2em; position: relative; }
.ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .
2em -1px 0; padding: 0; list-style: none; }
.ui-tabs-nav li a { display:block; text-decoration: none; padding: .
5em 1em; }
.ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-
bottom: 0; }
.ui-tabs-panel { padding: 1em 1.4em; display: block; border: 0;
background: none; }
.ui-tabs-hide { display: none !important; }
Can someone please explain why old css wont work? what happened here?
tq.
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
