2010-06-23 5 views
0

j'ai emprunté un code de link text aux onglets de nid à l'aide JQde centrage onglets jquery

tout est ok « cept Je ne peux pas travailler pour centrer les onglets

en utilisant la bibliothèque YUI, c'est v facile. Cependant, je ne peux pas utiliser la bibliothèque YUI car ma commande de JS est négligeable et l'ajustement de mon php à leur code est meurtrier et un gaspillage de temps.

y a-t-il des moyens de centrer les onglets jq?

Tom

Répondre

1

Vous pouvez ajouter un peu de style:

.ui-tabs .ui-tabs-nav { float: none; text-align: center; } 
.ui-tabs .ui-tabs-nav li { float: none; display: inline; } 
.ui-tabs .ui-tabs-nav li a { float: none; }​ 

Source - Richard Worth

Assurez-vous d'inclure cette après la feuille de style jQuery UI de sorte qu'il remplace, you can see a demo here .


Si vous ne pouvez pas utiliser une feuille de style et doit faire cela dans le code, utilisez .css(), comme this:

$("#tabs").tabs(); 
$(".ui-tabs .ui-tabs-nav").css({float: 'none', textAlign: 'center'}); 
$(".ui-tabs .ui-tabs-nav li").css({float: 'none', display: 'inline'}); 
$(".ui-tabs .ui-tabs-nav li a").css({float: 'none'}); 
+0

onglets .ui-nav-li { float: left; marge: 0 0 0 1px; min-largeur: 84px; mon CSS n'a pas de classe .ui-tabs – Tom

+0

@Tom - quelle version de jQuery UI utilisez-vous? –

+0

Tom