Bonjour tout le monde o/
Donc je suis en plein processus de création d'un magnifique thème pour mon forum x)
Malheureusement, deux problèmes me sautent dessus. Malgré mes multiples coups de pelle, rien y fait x)
Tout d'abord, le forum test en question:
http://ktrash-test.forumactif.com/
1) Mes onglets sont mal alignés sous Internet Explorer (--") et OperaDonc voici une belle capture d'écran de ce qu'on peut constater sur, dans l'ordre, Firefox, IE 8 et Opera:
- Spoiler:
Sur Chrome et Safari, aucun problème, tout est comme sur firefox.
Bien entendu, mon problème ici ne concerne pas les arrondis sous IE, je sais que ça ne marche pas xD
Ici le problème concerne surtout le positionnement o/
Voici le CSS de mes onglets, je pense très bien qu'on a besoin que de cela o/ si vous voulez le html aussi dites-le o/
Donc en résumé j'ai essayé quelques trucs pour mettre le tout à gauche partout mais bon ça marche pas ._. et si je change le text-align: center pour un text-align: left ça met mon texte à gauche et non pas les onglets~
- Code:
-
.onglet {
display:inline-block;
color: #000000; /*couleur texte onglet*/
font-family: "trebuchet ms", serif;
font-size: 10px;
font-variant: small-caps;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
padding: 5px;
width: 50px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.onglet_0 { /*onglet fermé*/
background-color: #2e3947;
}
.onglet_1 { /*onglet ouvert ou actif*/
background-color: #475467;
}
.contenu_onglet {
background-color: #475467;
padding: 5px;
display: none;
height: 125px;
width: 338px;
font-family: "trebuchet ms", serif;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-top: -1px;
}
2) Mes arrondis sous Chrome et Safari n'aiment pas le changement de grosseur de bordure T_TVoici encore une fois une capture d'écran, en ordre Firefox/Chrome/Safari
- Spoiler:
L'espacement étrange est normal, ç'moi qui aie volontairement mis quelques br dans le template overall_footer.
+ sous IE c'est horrible mais normal et sous Opera c'est parfait.
Voilà donc y'a pas un moyen de faire en sorte qu'il n'y aie pas de changements trop drastiques de grosseurs de bordure? ._.
Voici également le CSS de mon bodyline o/
- Code:
-
.bodyline {
border: 10px solid #21345c;
border-bottom: 20px solid #21345c;
border-top: 5px solid #21345c;
-moz-border-radius: 20px 20px 200px 200px;
-webkit-border-radius: 20px 20px 200px 200px;
border-radius: 20px 20px 200px 200px;
}
Voilà, merci d'avance pour vos réponses o/
(Ikø' est désespérée xD)