28221 sujets

CSS et mise en forme, CSS3

Bonjour,
J'aimerai savoir si on peux et comment faire un menu dynamique, quand on passe sur le lien un texte s'affiche en dehors de la zone cliquable,
un exemple est plus parlant !
http://www.alsacreations.com/
PS : en php sa se fait aussi mais je voudrai connaitre en css/xhtml
A priori Raphaël utilise un span qu'il affiche avec :hover et qu'il positionne de manière absolue dans sa page.
Il va bien passer par ici pour une explication. Smiley biggrin
Dans l'exemple que tu donnes les éléments du menu sont composés d'un lien (a) suivi d'un block (span) qui contient le texte de déscritption.

1 - Par défaut le span est masqué (display:none).

#menu a span {
 display: none;
}

2 - Quand le menu est actif :

#menu a:hover span, #menu a:active span, #menu a:focus span


Le span est affiché (display:inline). Il suffit de lui donner une position, couleur, etc à ce moment là. Raph à aussi ajouté un z-index: 100 pour être sûr que le span soit toujours au dessus des autres éléments.

Voilà en gros le principe.


EDIT: et voilà je suis trop lent Smiley cligne
Modifié le 04 Dec 2004 - 12:31