Effets sur liens avec CSS
Fermé
goomba
-
6 févr. 2008 à 13:15
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 6 févr. 2008 à 14:33
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 6 févr. 2008 à 14:33
A voir également:
- Effets sur liens avec CSS
- Partager des photos avec un lien - Guide
- Sommaire word avec lien - Guide
- Désactiver les effets visuels windows 10 - Guide
- Enlever couleur lien css ✓ - Forum CSS
- Le point d'entrée de procédure est introuvable dans la bibliothèque de liens dynamiques ✓ - Forum Logiciels
1 réponse
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
6 févr. 2008 à 14:33
6 févr. 2008 à 14:33
salut,
du parle de l'info-bulle pour les membres ?
j'ai regardé leur code, pas très joli…
je te propose un exemple fais pour une autre question ("lire plus" en blanc).
le principe est une liste de liens contenant chacun un <span> masqué qui sera affiché au survol.
voici une base :
HTML
CSS
du parle de l'info-bulle pour les membres ?
j'ai regardé leur code, pas très joli…
je te propose un exemple fais pour une autre question ("lire plus" en blanc).
le principe est une liste de liens contenant chacun un <span> masqué qui sera affiché au survol.
voici une base :
HTML
<ul> <li><a href="#">Lien 1<span>contenu supplémentaire #1 à afficher.</span></a></li> <li><a href="#">Lien 2<span>contenu supplémentaire #2 à afficher.</span></a></li> <li><a href="#">Lien 3<span>contenu supplémentaire #3 à afficher.</span></a></li> <li><a href="#">Lien 4<span>contenu supplémentaire #4 à afficher.</span></a></li> <li><a href="#">Lien 5<span>contenu supplémentaire #5 à afficher.</span></a></li> </ul>
CSS
ul li a
{
position:relative;
}
ul li a span
{
position:absolute;
display:none;
}
ul li a:hover span
{
display:block;
}
