Onglet qui s'affiche sous un autre

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 le Ven 1 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 3 Fév 2013 - 18:12, édité 1 fois

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 le Ven 1 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
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le Sam 2 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
**

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 le Dim 3 Fév 2013 - 15:21

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

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


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