[RESOLU] Display:block ne fonctionne pas

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Display:block ne fonctionne pas

Re: Display:block ne fonctionne pas

par Spols » 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;
}

Re: Display:block ne fonctionne pas

par Agent5acad27 » 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

Re: Display:block ne fonctionne pas

par Agent5acad27 » 02 août 2017, 23:44

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

Re: Display:block ne fonctionne pas

par @rthur » 02 août 2017, 23:27

Quel est le problème en fait ?
https://jsfiddle.net/rrkfjqyq/

Display:block ne fonctionne pas

par Agent5acad27 » 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