18073 sujets

Questions générales et questions de débutants

Faire disparaitre deux elements qui se suivent !

Salut à tous,

j'ai dans mon code HTML:

<div id="#block">
<h4>TRUC</h4>
<ul>
<li>Premier</li>
<li>Second</li>
<li>Troisieme</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<div id="#block2">
xxx
</div>
</div>

je peux ne pas afficher le h4 et le ul qui le suit , donc j'ai voulu mettre :

h4 > ul {
display:none
}

mais ca ne marche pas.
Si vous avez une piste qui marche sur tous les navigateurs ?

Merci.
Modifié par meyde (28 Jun 2005 - 15:34)
meyde a écrit :
h4 > ul {
display:none
}

Ici ton style s'applique aux éléments ul inclus dans un h4.

D'après ta demande il faudrait plutôt utiliser :
h4, h4 + ul {
display:none;
}

qui masquera les h4 et les ul précédés d'un h4.
a écrit :
Salut et bienvenue ici,

Je vois que tu n'as fait que survoler les Règles d'utilisation du forum, et notamment la règle qui demande à afficher ses exemples lisiblement grâce aux boutons de [ CODE].

Merci de bien vouloir éditer ton premier message et de relire tranquilement les règles du forum


Effecitvement je n'est pas lu
a écrit :
Les régles d'utilisation
merci pour cette remise en ordre Smiley decu 

h4, h4 + ul {
display:none;
}


Merci pour le code c'est exactement ce que je cherchais.

A+

Smiley ravi
Administrateur
meyde a écrit :

Effecitvement je n'est pas lu Les régles d'utilisation
merci pour cette remise en ordre Smiley decu
Il n'y a pas de soucis Smiley smile

meyde a écrit :
Merci pour le code c'est exactement ce que je cherchais.

Bravo ! Si c'est réglé, n'oublie pas de le préciser dans le titre avec un [Résolu]... comme le suggèrent les règles Smiley cligne 
h4, h4 + ul {
display:none;
}


Ce code ne marche pas sous IE !

Si vous avez plus de precision ?

Merci.
En fait dans le design sur lequel je travail :
je ne peut retoucher aux ul qui suivent des h4 (c'est à dire ajouter des classes)

d'ou mon probleme avec IE !!!
Sujet clos
Aller à