Thanks Todd
Aah I think we have a misunderstanding :-)
I am trying to center the tabs not the text within the tabs
Andy
On Apr 14, 2:56 pm, Todd Parker <fg.t...@gmail.com> wrote:
> 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
-~----------~----~----~----~------~----~------~--~---
