CJuiTabs: align tabs center

Hi,

I’m new to yii and first of all i wanna say that this framework is AMAZING!

I’ve set up an entire custom site with one week!

Now the question:

I have searched & founded everithing on this forum, but i cannot resolve this problem!

How can I align the tabs of an CJuiTabs widget?

the default setting is the "align:left".

i.e.


|---  | TAB1| | TAB2| | TAB3|                --|

I wanna make an central alignement

i.e.


|---        | TAB1| | TAB2| | TAB3|          --|

Thank you all for the replies in advance!

I have tried with htmlOptions & Co. but with no result. :(

After a week i have just done it!!!!

For all those that want to do the same thing.

I have changed my DEFAULT CSS ( base ).

So this is:

1- you must go to \framework\web\js\source\jui\css\base and locate the "jquery-ui.css" file

2- open it, and modify these lines:




 .ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}

 .ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap;}

 .ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none;}

 

to this:


.ui-tabs .ui-tabs-nav{text-align: center; margin:0;padding:.2em .2em 0;}

 .ui-tabs .ui-tabs-nav li{display: inline-block; list-style:none;float:none;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap;}

 .ui-tabs .ui-tabs-nav li a{display: inline-block;float:none;padding:.5em 1em;text-decoration:none;}

NOTE: the "jquery-ui.css" file contain a single command line, you can add newlines with no problems, but if you are not sure, locate the string and change only the content of Brackets.