Page 1 sur 1
[Résolu] - Onglet : problème de largeur
Publié : 02 oct. 2015, 11:14
par SENPAN
Bonjour à tous,
Je suis nouveau et viens de découvrir ce forum.
Bon, je n'y connais rien en CSS et ce site m'aide grandement à faire de mon Firefox MON navigateur.
Voilà ce que j'ai trouvé :
Code : Tout sélectionner
/* l'onglet courant fera 350px minimum */
#content tab[selected="true"] {
min-width: 350px !important;
}
Cependant, rien ne se passe quand j'active un onglet.
J'ai un module "ColorfulTabs" qui ne sert qu'a changer les couleurs des onglets.
J'ai le version 41.0.1 de Firefox.
Avez-vous une idée du problème ?
Re: Onglet : problème de largeur
Publié : 02 oct. 2015, 11:51
par Mapenzi
Bonjour,
j'utilise le code css suivant dans mon fichier userChrome.css pour déterminer la largeur des onglets :
Code : Tout sélectionner
/* Largeur onglets */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 100px !important;
max-width: 200px !important;
}
Re: Onglet : problème de largeur
Publié : 02 oct. 2015, 12:51
par SENPAN
Bonjour Mapenzi,
J'ai testé ton code mais ce n'est pas ce que je cherche à faire.
Je souhaite que l'onglet actif est une largeur de 350px et les autres onglets une largeur par défaut (par ex. : 200px).
Si tu as une idée de comment faire, je suis preneur.
Re: Onglet : problème de largeur
Publié : 02 oct. 2015, 13:28
par Mapenzi
SENPAN a écrit :Bonjour Mapenzi,
Je souhaite que l'onglet actif est une largeur de 350px et les autres onglets une largeur par défaut (par ex. : 200px).
Fallait le spécifier d'emblée
Essaie avec ce code :
Code : Tout sélectionner
tab[selected="true"] {
max-width: 350px !important;
min-width: 350px !important;
}
tab:not([selected="true"]) {
max-width: 200px !important;
}
Maintenant à toi de jouer avec les pixel !
Re: Onglet : problème de largeur
Publié : 02 oct. 2015, 13:37
par SENPAN
C'est magique !!!
Tout ce que je souhaitais !
MERCI MERCI MERCI