Onglet qui s'affiche sous un autre

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Onglet qui s'affiche sous un autre

Message par Niten Ven 01 Fév 2013, 16:39

Bonjour à tous,
J'ai un petit soucis très bête concernant un système d'onglets sur ma page d'accueil. Ce n'est pourtant pas la première fois que j'ai recours à ce système mais là je ne vois pas où est le problème dans mon code.
Je sais que ça vient du code html puisque c'est apparu après que j'ai ajouté un cinquième onglet.

Le problème :
Lorsqu'on arrive sur la page d'accueil, le dernier onglet s'affiche sous le premier. Le problème disparait lorsqu'on clic sur les onglets, y compris sur le premier.
J'ai beau relire le code, je ne comprends plus. Ai-je oublié de fermer une div ? Est-ce que j'en ai fermé une de trop ? Assomé Bref je ne sais plus où j'en suis à force !
Merci à la bonne âme qui voudra bien m'aider.

Le code html :
Spoiler:

Désolé pour la longueur du code :/


Dernière édition par Niten le Dim 03 Fév 2013, 18:12, édité 1 fois
Niten

Niten
**

Messages : 80
Inscrit(e) le : 06/04/2011

Niten a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Onglet qui s'affiche sous un autre

Message par Lixyr Ven 01 Fév 2013, 18:39

Bonsoir.

Désolé pour la longueur du code :/
Dans ce cas, mettez le code entre balise code la prochaine fois ^^"

Je vais regarder, mais ce serait plus pratique si on avait le CSS avec.
*edit* je ne vois pas de problème sur votre forum. Voyez-vous toujours le problème chez vous ?
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglet qui s'affiche sous un autre

Message par Niten Sam 02 Fév 2013, 12:29

Dans ce cas, mettez le code entre balise code la prochaine fois ^^"
Oups désolé, je n'y ai même pas pensé. La fatigue se ressent. Toutes mes excuses. Et merci pour votre réponse.

Donc oui j'ai toujours le problème.

Voici le Css des onglets, on ne peut plus classique.
Code:
/*onglets*/
       
        .mon_onglet{
          float: left;
          padding: 2px 10px;
          margin-right: 5px;
          color: #000;
          background: #fff;
          border: 2px solid #944345;
          cursor: pointer;
          margin-bottom: -2px;
          list-style: none;
          -webkit-box-shadow:2px 0px 2px 0px #000;
        -moz-box-shadow:2px 0px 2px 0px #000;
        box-shadow:2px 0px 2px 0px #000;
        }
        .mon_onglet:hover{
          background: #944345;
        }     
        .mon_onglet_selected{
          float: left;
          padding: 2px 10px;
          margin-right: 5px;
          color: #000;
          background: #fff;
          border-top: 0px solid #944345;
          border-right: 0px solid #944345;
          border-left: 0px solid ##944345;
          border-bottom: 0px solid #fff;
          cursor: pointer;
          margin-bottom: -3px;
          -webkit-box-shadow:2px 0px 2px 0px #000;
        -moz-box-shadow:2px 0px 2px 0px #000;
        box-shadow:2px 0px 2px 0px #000;
          list-style: none;}       
        .clear{
          clear: both;
        }
        .mon_contenu{
          color: #000;
          background: #fff;
          border: 2px solid #944345;
          padding: 10px;
          line-height: normal;
          font-size: 11px;
          -webkit-box-shadow:2px 2px 2px #000;
        -moz-box-shadow:2px 2px 2px #000;
        box-shadow:2px 2px 2px #000;
        width: 850px;
        height: 350px;}
        #mes_contenus, #mes_onglets{
          width: 875px;
        }

J'ai beau lire et relire ce code html et css, il y a manifestement quelque chose qui m’échappe.
Niten

Niten
**

Messages : 80
Inscrit(e) le : 06/04/2011

Niten a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglet qui s'affiche sous un autre

Message par Niten Dim 03 Fév 2013, 15:21

Edit : J'ai réglé le problème en changeant de système d'onglets. Résolu pirat
Niten

Niten
**

Messages : 80
Inscrit(e) le : 06/04/2011

Niten a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum