I'm not sure what's up without seeing your code, but I just re-tested
this to make sure it was working and it worked for me on FF3/Mac. I
used Firebug to set these styles and they worked on the tabs demo page
on the UI site.
Just to check, I copied this style override:
.ui-tabs .ui-tabs-nav li a {
text-align:center;
width:155px;
}
...and pasted it into a style block in the head of this page and the
text alignment was centered. I set the width to 155 just so it was
wider than needed to see the effect:
http://jqueryui.com/demos/tabs/default.html
Can you re-try? Maybe without a larger width explicitly set, you
couldn't see the centered text effect?
-Todd
On Apr 14, 5:53 am, AndyCramb <andycr...@googlemail.com> wrote:
> Hi Todd,
>
> Thanks for the help but like Spencer I could not get this to work
> There was no difference after adding these styles
>
> Do you have an example of center aligned tabs that I could compare my
> code against
>
> Thanks
> Andy
>
> On Apr 10, 9:59 pm, Todd Parker <fg.t...@gmail.com> wrote:
>
> > Hi Andy -
>
> > In a new override CSS file that you include *after* the jQuery UI
> > theme files in your head, add these styles:
>
> > .ui-state-default a,
> > .ui-state-default a:link,
> > .ui-state-default a:visited {
> > text-align:center;
>
> > }
>
> > This is the level of specificity you need to override the default left
> > alignment. You could also specify a width here too.
>
> > Cheers,
> > Todd
>
> > On Apr 10, 11:48 am, AndyCramb <andycr...@googlemail.com> wrote:
>
> > > I have tried centre aligning the tabs using
>
> > > #wrapper #tabs ul{
> > > text-align: center;
>
> > > }
>
> > > This did not work
> > > Has anyone managed to do this
> > > Any help is much appreciated
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
