Sujets similaires

Alors je commence déjà à te remercier pour ton aide.
Puis, j'appelle à l'aide part la même occasion . Onglets de catégories : deux problèmes - Page 2 306373

Onglets de catégories : deux problèmes - Page 2 306373

Est-ce que quelqu'un peut me faire un récapitulatif de la demande au point où elle en est actuellement ? Pas que je sois feignasse... (en fait... si), mais juste qu'entre toutes les demandes à traiter, ça me simplifierai la tâche. J'ai juste eu l'oeil attiré par le mot "positions", et comme c'est un truc que j'essaie de maitriser ces temps ci, j'ai peu être la réponse @_@

En gros ^^ :

Des onglets pour les catégories et le membre souhaite qu'elle soit comme sur le petit dessin que j'ai fait un peu plus haut. En terme parlant qu'elle soit comme sur l'image situé en première page mais derrière les catégories Smile

Voilà, comme la dit Oyoken, je cherche juste à connaitre le code pour mettre mes onglets en dessous des titres des catégories (comme sur le dessin, en effet).

Heu, sur le dessin, moi je vois bien "onglets" au dessus de "catégories", pas en dessous O.o

Si vous parlez de "profondeur", donc "par dessus/par dessous", par contre, c'est plus compliqué. Parce qu'outre faire du positionnement CSS des onglets (ce qui n'est pas forcément simple), il faut aussi positionner le tableau contenant les catégories, etc...

... Mais à quoi ça servirait d'avoir les onglets en dessous des catégories ? On ne pourrait plus les lire O.o Tu veux pas dire que tu veux les coller ?

Si, je parle de profondeur.
Je ne compte pas les mettre complétement en dessous, juste le bas de l'onglet.

Dans ce cas là, j'avoue mon impuissance U_U' Je ne sais pas comment faire non plus.

En fait dans la petite image que j'avais fait je n'avais pas mis les pointillés pour faire savoir que le bas des onglets se trouvent "derrière" les catégories... Donc du style une partie vers le haut que l'on voit et une partie du bas que l'on ne voit pas ^^

Voilà, ta tout compris Oyoken ! Bravo !

C'est pas grave, Lostmindy. Merci comme même.

On écrit quand même...

Ui, petite faute ! ^^

Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône Onglets de catégories : deux problèmes - Page 2 Resolu

Onglets de catégories : deux problèmes - Page 2 Resolu

en éditant votre premier message (:

Ui, mon problème est toujours d'actualité. (:

Bonsoir !

Bon alors j'ai un peu survolé le tout mais c'est vrai qu'avec tous ces messages on a du mal à se rendre compte d'où ça en est...

Tu pourrais me formuler ton problème actuel ? Ou ça en est et ce qu'il reste à faire ?
En ce qui concerne la profondeur c'est normalement faisable en jouant sur les z-index dans le CSS (mais pour que ce soit dynamique faudra aussi faire du Javascript).

Mon problème est toujours le même que celui du début.
Oui, mais sachant que je suis débutant en CSS, tu pourrais me donner le code s'il-te-plait. Onglets de catégories : deux problèmes - Page 2 926145

Onglets de catégories : deux problèmes - Page 2 926145

Je vois en gros tu voudrais avoir tes onglets disposés de la même façon que la première image (les uns au dessus des autres etc...).

Bon ça va pas être évident mais a priori pas infaisable. Tu aurais le lien de ton forum que je puisse me rendre compte de l'état actuel des choses (et voir le code source par la même occasion) ?

Voici le lien de mon forum : # Pensionnat Blue - Clique ici ♪ .

Et bien voilà !

Alors pour ton effet il te faut modifier ton CSS pour la class .onglet par le code que je te donne ci-dessous (j'ai mis les améliorations nécessaires à savoir le chevauchement et l'arrondi).

Dis moi ce que tu en pense Wink

CSS

Code:: .onglet { /*Onglet non survolÃ*/
background-color : #5F9EA0;
display: inline-block;
text-transform:uppercase;
text-shadow: 0px 0px 12px #FFF;
height:25px;
width: auto;
cursor: pointer;
text-align:center;

/* Ecartement du texte */
padding-left: 12px;
padding-right: 12px;
padding-top: 10px;

/* Arrondi les bords */
-moz-border-radius-topLeft: 20px;
-moz-border-radius-topRight: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;

/* Crée une bordure */
border: 1px #000 solid;

/* Donne l'effet de chevauchement */
margin-left: -10px;
}

Ok, merci pour le chevauchement. Love

Maintenant, il faut le code pour la profondeur, et là, sa à l'air plus compliqué ...

Qu'entends-tu exactement par profondeur ? Ici les onglets sont bien les uns au dessus des autres non ?

Oui mais par rapport au titre des catégories.
Je veux que la partie du bas soit en dessous des titres des catégories (va voir à la page 2, il y a un schéma d'explication).

Effectivement je comprends.

Je vais essayer de te faire ça dès que possible (peut-être pas ce soir car je suis occupé mais d'ici demain ou mercredi normalement ça devrait le faire) Wink

D'accord, je te remercie d'avance. (:

Est-ce-que cette version corrigée du css de l'onglet donne l'effet recherché ?

Code:: /*ONGLET*/

.onglet { /*Onglet non survolé*/

background-color : #5F9EA0;

display: inline-block;

text-transform:uppercase;

text-shadow: 0px 0px 12px #FFF;

height:25px;

width: auto;

cursor: pointer;

text-align:center;

/* Ecartement du texte */

padding-left: 12px;

padding-right: 12px;

padding-top: 10px;

/* Arrondi les bords */

-moz-border-radius-topLeft: 20px;

-moz-border-radius-topRight: 20px;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

/* Crée une bordure */

border: 1px #000 solid;
border-bottom: none;

/* Donne l'effet de chevauchement */

margin-left: -10px;

margin-bottom: -20px;

}

Ui, sa marche. /*ALLELUIA*/ Onglets de catégories : deux problèmes - Page 2 306373

Mais qu'à tu fais pour que cela se mette derrière les catégories ?

Onglets de catégories : deux problèmes

Onglets de catégories : deux problèmes

Sujets similaires

Sujets similaires

Partenaires Or