[RESOLU] Display:block ne fonctionne pas

Eléphanteau du PHP | 38 Messages

02 août 2017, 20:19

Bonjour, tout d'abord, voici mon code concerné:

Fichier HTML:
<div id="groupquestions">
      <div class="active">Texte 1</div>
      <div>Texte 2</div>
      <div>Texte 3</div>
</div>
Fichier CSS:
#groupquestions{
	display: none;
}
.active {
    display:block;
}
Je ne comprend pas, ce code a toujours fonctionné, pourtant je ne vois pas du tout de tout cette erreur peut venir...

Merci d'avance,
Bien cordialement,
KonScyence

Avatar de l’utilisateur
Administrateur PHPfrance
Administrateur PHPfrance | 7294 Messages

02 août 2017, 23:27

Quel est le problème en fait ?
https://jsfiddle.net/rrkfjqyq/
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 38 Messages

02 août 2017, 23:44

Faudrait que le active s'affiche même si groupquestions est caché.

Eléphanteau du PHP | 38 Messages

03 août 2017, 01:08

Bon, voilà j'ai réussi à faire cela:

HTML:
<div id="groupquestions">
    <div>one</div>
    <div class="active">two
        <div>dog</div>
    </div>
</div>
CSS:
#groupquestions div{
    display: none;
}
#groupquestions div.active{
    display: block;
}
Le résultat: https://jsfiddle.net/rrkfjqyq/1/

Par contre le div contenant "dog" ne s'affiche pas, quelqu'un serait comment faire, svp ?

Bien cordialement,
KonScyence

Mammouth du PHP | 1250 Messages

03 août 2017, 07:59

#groupquestions div{
    display: none;
}
#groupquestions div.active, #groupquestions div.active div{
    display: block;
}
OU
#groupquestions > div{
    display: none;
}
#groupquestions div.active{
    display: block;
}
Spols
pour les fan de rubik's cube ou pour les curieux ==> le portail francophone de rubik's cube
Ingénieur Industriel Chimie / Biochimie