Discussion :

[Athur]

Bonjour,
Je débute, est-ce possible de faire ceci en HTML/CSS
Afficher un lien sans sous-liens par exemple:
lienprincipal
et quand la souris survole le lien "lienprincipal" afficher en plus un ou des sous-liens complémentaires par exemple:
lienprincipal
souslien
et pouvoir cliquer sur n'importe lequel des 2 (ou plus) liens affichés

si je fais ceci:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="ppal" href="lienprincipal.html">lienprincipal<span>souslien</span></a>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.ppal span {display: none}
.ppal:hover span {display: block}

ça marche mais souslien n'est pas un lien

si j'extrapole en faisant ceci:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="ppal" href="lienprincipal.html">lienprincipal<span><a href="souslien.html">souslien</a></span></a>

ou ceci:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="ppal" href="lienprincipal.html">lienprincipal<a href="souslien.html"><span>souslien</span></a></a>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.ppal span {display: none}

n'a plus aucun effet: le souslien reste toujours visible !
idem avec:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.ppal a span {display: none}

Y a-t-il une solution sans passer par javascript ?
Merci

[nef1912]

Bonjour,

En fait c'est le principe du menu déroulant que tu veux faire? Comme ça?
Un lien qui peut faire découler d'autres liens, c'est ce que je comprends.

Cordialement,

[Muchos]

Pas besoin d'aller sur d'autres sites : galerie CSS

[Athur]

Merci pour vos réponses, mais à la lecture des solutions présentées, j'en conclus qu'il n'y a pas moyen de se passer de javascript (au minimum pour IE)

[NoSmoking]

Bonjour,
avant d'aller plus loin ta structure est NON CONFORME une balise A ne peut contenir une autre balise A.

[Bovino]

Bah oui... un lien dans un lien, ça n'a pas trop de sens...
Ce serait comme demander à une voiture de pouvoir aller à la fois à gauche et à droite.

[Athur]

Oui en fait je m'étais mal exprimé, c'était bien un menu déroulant que je voulais faire. A noter toutefois qu'il s'agit quand même bien à partir d'un lien qu'on survole d'en générer d'autres qu'on peut qualifier de sous-liens...
Je vous remercie pour tous vos conseils et exemples, je n'ai pas fait exactement pareil, je ne me suis servi que des:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display:none

quand on ne survole pas et des

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display:block

quand on survole et ça marche très bien.
En fait, l'instruction qui me manquait c'était uniquement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

float:

Merci beaucoup