Problème de positionnement d'onglets + d'arrondis  Bouton_activeProblème de positionnement d'onglets + d'arrondis  Bouton_hoverProblème de positionnement d'onglets + d'arrondis  Fb-hoverProblème de positionnement d'onglets + d'arrondis  Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème de positionnement d'onglets + d'arrondis  EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème de positionnement d'onglets + d'arrondis  EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème de positionnement d'onglets + d'arrondis  EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème de positionnement d'onglets + d'arrondis  EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème de positionnement d'onglets + d'arrondis  EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème de positionnement d'onglets + d'arrondis  EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème de positionnement d'onglets + d'arrondis  EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème de positionnement d'onglets + d'arrondis  EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

Partagez
 

Problème de positionnement d'onglets + d'arrondis

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Problème de positionnement d'onglets + d'arrondis  Empty
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 Opera
Donc 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_T
Voici 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)
MessageSujet: Problème de positionnement d'onglets + d'arrondis    Problème de positionnement d'onglets + d'arrondis  EmptyMer 09 Fév 2011, 21:44
Revenir en haut Aller en bas
Left0vers
Left0vers
{ Membre }
{ Membre }

Féminin Messages : 7



Problème de positionnement d'onglets + d'arrondis  Empty
+1 , même soucis !
Même sous Firefox mes arrondis sont carrés ! ><
MessageSujet: Re: Problème de positionnement d'onglets + d'arrondis    Problème de positionnement d'onglets + d'arrondis  EmptyJeu 10 Fév 2011, 13:28
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



Problème de positionnement d'onglets + d'arrondis  Empty
Salut,

Pour l'alignement des onglets. Sous IE et Opera ils s'alignent sur les 400px de la cellulles du tableau et sur FF et Chrome/Safari il s'aligne ah euh je sais pas quoi ^^.

Pour regler le problème rajoute ça dans ton css:

Code:

.systeme_onglets
{
width: 350px;
}


Pour les bordures a ma connaissance on ne peut rien y faire. L'interprétation du code chez webkit (chrome/safari) n'est pas le même que chez gecko et autre. Peut etre la solution est de ne pas arondire les coins sous webkit. Le rendu de IE n'est pas mal je trouve.

James
MessageSujet: Re: Problème de positionnement d'onglets + d'arrondis    Problème de positionnement d'onglets + d'arrondis  EmptyJeu 10 Fév 2011, 15:52
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Problème de positionnement d'onglets + d'arrondis  Empty
Grrr x)

J'ai essayé ton code et en fait ça marchait pas =o
J'ai essayé de mettre un align="left" à la div des onglets et bah ça, ça a marché ._.
*c,était aussi con que ça T_T*

Sinon pour les arrondis.... re-grrrr xD
J'ai enlevé le code pour les arrondis sous webkit, mais comme le code border-radius marche aussi sur Chrome, ça fait le même effet o_o
Du coup ça me frustre xD Mais bon **

Je pense que je vais juste les laisser comme ça o/

Merci beaucoup pour ton aide James o/

*classe son sujet toute seule*
MessageSujet: Re: Problème de positionnement d'onglets + d'arrondis    Problème de positionnement d'onglets + d'arrondis  EmptySam 12 Fév 2011, 16:45
Revenir en haut Aller en bas
Contenu sponsorisé




Problème de positionnement d'onglets + d'arrondis  Empty
MessageSujet: Re: Problème de positionnement d'onglets + d'arrondis    Problème de positionnement d'onglets + d'arrondis  Empty
Revenir en haut Aller en bas
 

Problème de positionnement d'onglets + d'arrondis

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème positionnement icônes du forum.
» Problème de positionnement d'onglet (catégorie) [résolu]
» Positionnement absolute//
» (résolu) Positionnement d'une td
» Barre de navigation positionnement

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit