J'utilise les onglets JQuery. Le problème est quand il y a trop d'onglets, certains onglets sont pressés à la ligne suivante et la disposition semble bizarre. Je ne définis pas la propriété "width" du <div> de l'onglet. Est-il de toute façon avoir le <div> pour étirer automatiquement au lieu de serrer les onglets à la ligne suivante?Jquery Tabs - Trop d'onglets
Merci pour l'aide
Après avoir pris un coup d'oeil un fichier css et joué avec le style un peu, je devais ajouter "display: inline" à ".ui-tabs .ui-tabs-nav li"
De même, lorsqu'il y a trop d'onglets, certains onglets sont poussés vers le bas jusqu'à une nouvelle ligne. Certains onglets peuvent changer si je clique sur un élément du premier onglet. J'ai corrigé ceci en supprimant "padding-bottom" dans ".ui-tabs .ui-tabs-nav li.ui-tabs-selected"
Si je regarde le thème CSS fourni, je jouer avec:
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
essayer quelque chose comme:
.ui-tabs .ui-tabs-nav li {
width:auto;
min-width:auto;
}