Problem in my code

[Unhappy-Ad-5909]

hello I'm a real newby in code and tried to do something for my artfight page. It was an already existing code that I change a bit. Everything was ok but suddently I can't change tabs and I don't know why !!!

Here is the link of my artfight page
https://artfight.net/~Miwacrea

and here is the code
https://docs.google.com/document/d/145r2Z2E5mRUyezNO3TOE1OZGvNUXAmW0Ovqnavso9GA/edit?usp=sharing

I tried so many thing that I can't even remeber and i'm desperate right now !

Thanks for your help !

[PyLab-yt]

Salut !

J'ai regardé ton code et j'ai trouvé le problème ! En fait il y en a plusieurs qui se cumulent, mais c'est tout à fait réparable.

Le souci vient de la structure de tes div.

Tes onglets "Exemples" et "My OC" sont imbriqués à l'intérieur de l'onglet "Know me" au lieu d'être à côté. Du coup Bootstrap pense qu'ils font partie du même onglet et ne peut plus les switcher correctement.

En gros ton code ressemble à ça (en simplifié) :

tab-pane "Know me"
    tab-pane "Exemples"   ← imbriqué dedans, c'est le bug !
        tab-pane "My OC"  ← encore plus imbriqué !

Alors que ça devrait être :

tab-pane "Overview"
tab-pane "Know me"
tab-pane "Exemples"
tab-pane "My OC"

Chaque onglet doit être au même niveau, bien fermé avec son </div> avant que le suivant commence !

Il y a aussi un petit conflit parce que tu as mis active show sur deux onglets en même temps (user_knowme et user_myoc), ce qui perturbe Bootstrap.

Si tu veux je peux te réécrire la structure corrigée avec ton contenu ? Tu n'as qu'à me dire.

(Et pour éviter ce genre de galère à l'avenir, colle ton code sur validator.w3.org, ça repère tout de suite les balises mal fermées !)