Forum Alsacréations : CSS et Standards Web

<h1>Navigation</h1>

<ul>

	<li><a href="">Investisseurs<span class="none">(selectionné)</span></a></li>

	<li><a href="">Journalistes</a></li>

	<li><a href="">Candidats</a></li>

	<li class="san">Notre groupe

		<ul>

			<li class="tot">En bref</li>

			<li><a href="">Recherche & innovation</a></li>

			<li><a href="">Produits & présence</a></li>

		</ul>

	</li>

</ul>

ul li.san {color:#F00;display:none;}

ul li ul li.tot {color:#FF0;display:inline;}

skywalk3r a écrit :
Les fils sont visibles, à l'intérieur d'un père qui ne l'est pas. Ce que tu cherches à faire n'est pas possible. Si un élément est invisible, tout ce qu'il contient le sera forcément....

ul li.san { visibility: hidden;}

ul li ul li { visibility: visible;}

yodaswii a écrit :
Quel est réellement le but de cette pratique ?

lilycoeur a écrit :
Salut,
Je ne sais pas si j'ai bien compris ton raisonnement mais pourquoi n'utiliserais-tu pas cela :

ul li.san { visibility: hidden;}

ul li ul li { visibility: visible;}

moon a écrit :


Hello Lilycoeur !
En effet ta méthode fonctionne mais hélas elle laisse un espace entre les éléments que je n'arrive pas a enlever

ul li.san { margin-top: -12px;}

lilycoeur a écrit :


Pour supprimer l'espacement en trop, tu peux appliquer cela :

ul li.san { margin-top: -12px;}

Accessibilité.

yodaswii a écrit :

Accessibilité.

La pratique de cacher des éléments ne rentrent pas dans cette démarche ... surtout pour les utilisateurs de certains lecteurs d'écran.