Kokari
{ Membre }
Messages : 14
| Bonjour. Je suis entrain de faire ma structure de PA et je rencontre un assez gros problème. En effet j'ai installé un système d'onglet; Ces onglet sont dans un tableau. En cliquant sur les différent onglet, le tableau se déforme! Comment faire pour que la largeur/longueur des onglets ne varient plus et reste fixe? Voici une petite image pour vous donnez une idée. Avec le premier onglet, puis un autre. - Spoiler:
Le code CSS des onglets - Spoiler:
- Code:
-
/*Codes onglet PA*/
.onglet { background-color: none; border-left: 9px solid #F1EEE5; border-right: 6px solid #F1EEE5; -moz-border-radius: 7px; border: 3px #B7D2F1 double; font-variant: small-caps; padding: 3px;
} .onglet:hover { background-color: none; border-left: 9px solid #F1EEE5; border-right: 6px solid #F1EEE5; -moz-border-radius: 7px; border: 3px #B7D2F1 double; font-variant: small-caps; padding: 4px; color:#98AFC7; } .onglet_0 { background:#F4F2E5; border :1px solid #B7D2F1; } .onglet_1 { background:#F4F2E5; border-bottom:0px solid #B7D2F1; padding-bottom:4px; } .contenu_onglet { background-color:#F4F2E5; border:1px solid #B7D2F1; margin-top:-1px; padding:5px; display:none; }
Merci d'avance pour celle ou celui qui m'aidera. ♥ |
Dernière édition par Kokari le Lun 02 Aoû 2010, 11:08, édité 1 fois | |
|
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Hoy~ Essaie comme ça: - Code:
-
/*Codes onglet PA*/
.onglet { background-color: none; border-left: 9px solid #F1EEE5; border-right: 6px solid #F1EEE5; -moz-border-radius: 7px; border: 3px #B7D2F1 double; font-variant: small-caps; padding: 3px;
} .onglet:hover { background-color: none; border-left: 9px solid #F1EEE5; border-right: 6px solid #F1EEE5; -moz-border-radius: 7px; border: 3px #B7D2F1 double; font-variant: small-caps; padding: 4px; color:#98AFC7; } .onglet_0 { background:#F4F2E5; border :1px solid #B7D2F1; } .onglet_1 { background:#F4F2E5; border-bottom:0px solid #B7D2F1; padding-bottom:4px; } .contenu_onglet { background-color:#F4F2E5; border:1px solid #B7D2F1; margin-top:-1px; padding:5px; display:none; max-width: 300px; } Je ne sais pas si tu vois, mais à la classe .contenu_onglet j'ai mit un max-width de 300px qui devrait garder lea taille du contenu fixer à 300px~ x) Tu peux modifier cette valeur comme bon te semble. J'espère que ça va marcher =D | | |
|
Kokari
{ Membre }
Messages : 14
| Apparemment il ne veut vraiment pas. °^° ça ne change rien. Rhaa.. Au pire laissez tomber, je vais faire quelque chose de plus simple. Désolée du dérangement. Vous pouvez classer et merci beaucoup <3 | | |
|
Kaiji
Blanche-Neige
Messages : 5578
| |