|
|
|
|
Salut,
a.lireplus span{
position:absolute;
display:none;
width:200px;
background-color:#fff;
border:1px solid #4a3826;
padding:5px;
color:#4a3826;
}
a.lireplus:hover span{
display:block;
}
[ Mathieu ]
Il y a surement des pandas pour ne dépendre de rien |
Bonjour.
a span {
display: none;
}
a:hover span {
display:inline;
...
}
Conséquence : quand la souris passe sur la zone du lien, le span s'affiche. Voir l'article d'Alsacreations pour plus de détails... Mais si l'objectif est de faire un affichage/masquage sur un clic (genre "cliquez pour voir la suite"), je ne connais pas de solution sans JS :-( Si tu donnes à celui qui a faim un poisson, tu le nourris pour un jour ; si tu lui apprends à pêcher, tu le nourris pour toujours. |
Merci pour vos réponses.
|
C'est avec la pseudo-classe ":focus", me suis trompé tout à l'heure…
.photo ul.topic li:hover ul li a:focus img, .photo ul.topic li:hover ul li a:active img, .photo ul.topic li a:hover ul li a:active img {position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;} .photo ul.topic li:hover ul li a:focus img.large, .photo ul.topic li:hover ul li a:active img.large, .photo ul.topic li a:hover ul li a:active img.large {position:absolute; left:15px; top:24px; width:640px; height:480px; padding:0; background:#000; border:4px solid #fff; z-index:10;} le principe est le même que les codes données au dessus. [ Mathieu ] Il y a surement des pandas pour ne dépendre de rien |
Attention avec les pseudos classes hover, active & co ...
|