Sujets similaires

Bonjour! ^^
Je rencontre un petit problème sans doute facile à résoudre avec les onglets figurant sur mon forum: Ceux-ci sont centrés sur ma page d'accueil, alors que je voudrais plutôt qu'ils soient alignés à gauche. Seulement, j'ignore quelle appellation donner à la donnée à ajouter au code afin de parvenir à les déplacer, j'ai tenté avec "align:left;", "position:left;" et, euh... Non j'ai oublié le troisième, mais peu importe puisqu'il n'a pas fonctionné non plus x_x

Voici le code définissant le look de mes onglets:

Citation :: {
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:3px solid #333333;
-moz-border-radius-bottomleft:0px
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
cursor:pointer;
}

Quelqu'un saurait-il ce qu'il faudrait ajouter? *Paumée x_x*
Voici le lien vers mon forum test, si mes explications ne sont pas suffisamment imagées (les onglets sont tout en haut de la PA du forum): http://forumtest.quickbb.net/forum.htm
Merci d'avance à ceux qui se pencheront sur mon problème. ^^

Amitiés,
CréaChose

est-ce que ça marcherait si tu enlevais le display:inline-block ? Ou sinon que tu align: left !important;

Ou sinon que tu mettes display:none ? (:

Désolée, je ne connais pas assez bien les propriétés de chacun. XD

Comme l'a dit Sui au dessus, je pense que ça devrait marcher avec cette propriété :

Code:: align: left !important;

Bonjour à vous deux, merci de vous être penchés sur mon problème! ^^
Alors, j'ai tenté vos trois méthodes, voici les résultats observés:

Retrait du display:inline-block -> Suppression des onglets
Modification du display:inline-block en display:none -> Suppression des onglets
Ajout du align:left!important; -> Aucun effet é.è

Je ne sais pas s'il existe d'autre moyen d'obtenir l'effet désiré... peut-être faut-il toucher à autre chose que cette partie du code? é.è

Si ça peut aider, voici une plus grande partie du code, concernant les onglets uniquement et non le contenu:

Spoiler:

Code:: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un système d'onglet en javascript</title>
<script type="text/javascript">
//
</script>
<style type="text/css">
.onglet
{
display:inline-block;
align:left!important;
margin-left:3px;
margin-right:3px;
padding:3px;
border:3px solid #333333;
-moz-border-radius-bottomleft:0px
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
cursor:pointer;
}
.onglet_0
{
background:#111111;
border:3px solid #222222;
border-bottom:3px solid #222222;
}
.onglet_1
{
background:#111111;
border:3px solid #444444;
border-bottom:2px solid #111111;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#000000;
border:1px solid black;
margin-top:-1px;
padding:5px;
display:none;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Bienvenue en Enfer!</span>
<span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Nos Partenaires</span>
<span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Crédits Détaillés</span>
</div>

Un petit up? é.è

Les UPs sont strictement INTERDITS Par le règlement !

"Les UPs sont interdits par le règlement et cette règle peut se trouver dans la plupart des signatures du staff !! Les UPs sont la charge des modérateurs qui remontent les sujets s'il n'y a pas eu de réponse au bout d'une semaine."

Merci de ne plus Upper tes sujets.

Bonjour!
Je suis désolée, j'avais bien remarqué cette règle dans les signatures, seulement puisqu'il est indiqué dans les consignes de cette catégorie de "ne pas "upper" tout le temps" notre demande (et dans les signatures "sauf en cas d'indications contraires"), j'en avais compris que la consigne de la catégorie demandait simplement de ne le faire que lorsque nécessaire et de ne pas en abuser, et cela faisant 5 jours que ma question n'avait plus de réponse...

J'avais mal interprété cette consigne, j'en suis désolée. é.è

Si les up ne sont jamais autorisés ici comme me le laisse comprendre votre message, peut-être serait-il mieux d'indiquer "Il est interdit de upper votre demande" dans le sujet des consignes de cette section, ainsi ce genre de malentendus serait évité. ^^

D'accord, merci beaucoup. ^^
Je prend donc note et attendrai pour la suite de mes sujets. ^^

Bonjour~
J'ai eu le même problème que toi. Récemment j'avais trouvé un moyen, mais... j'ai oublié ._."

Par contre, si ça peut t'aider, j'ai mit mes onglets dans le template index_body, après

Code:: {JAVASCRIPT}

Et mes onglets se sont automatiquement positionné à gauche o_o

Je vais essayer de retrouver dans ma tête comment j'ai fait par le CSS (ou le html) par contre, si tu le veux bien =D

Bonjour à toutes les deux! ^^
Kaiji: Aucun soucis, c'est re-noté, je tâcherai de m'en souvenir. n.n C'est gentil à toi d'être repassée pour préciser! Si je refais un UP dans une mauvaise section après ça, je fournis moi-même le mètre et je tends la main! Embarassed

Ikø': Merci beaucoup, c'est bon à savoir si je rencontre ce problème à nouveau quand je voudrai utiliser les onglets ailleurs! o.o Je n'y aurais pas pensé, j'avoue! Mon problème a été résolu par une gentille (très gentille) codeuse qui me vient en aide pour la énième fois Via un autre forum, je faisais un passage pour le signaler quand j'ai vu vos deux réponses. é__è J'ai visiblement un peu de retard, bien que ça vienne tout juste de se régler il y a de cela quelques minutes à peine. é.è J'ignore si c'est la méthode que tu as utilisé, mais dans le cas où d'autres auraient ce soucis, elle m'a proposé de mettre une DIV "margin-left" à l'intérieur du code de la PA, autour de la partie des onglets (avant le contenu donc), et de régler le pourcentage ensuite pour les positionner. ^^

Code:: <div style="margin-left : XX%" > </div>

J'ignore si elle est ici, mais sinon, le pseudonyme de celle qui à trouvé la solution (par respect et pseudo-copyright) est Ketsia, elle est Miss CSS sur Pub RPG Design. ^^

Voilààà!
J'indique dans le titre que mon problème est résolu, et merci beaucoup à tous pour votre aide. Positionner les onglets 347705

Positionner les onglets

Positionner les onglets

Sujets similaires

Sujets similaires

Partenaires Or