Participez aux Concours Mensuels :
| Auteur | |
|---|---|
| flocon | # 12 May 2008 - 10:43:08  |
| 1 Posts |
Bonjour Je cherche une explication (à ma portée) à un phénomène. Si je veux obtenir un texte au survol d'un lien, je vois apparaître le texte en superposition, sans décalage d'aucune sorte en procédant comme ceci : <a href="#" title="texte du survol">Lien</a> Si je veux obtenir une image au survol d'un lien, en faisant <a href="#"><img src="image.jpg"/>Lien</a> l'image n'apparaît pas en superposition ni au survol mais immédiatement et en décalant la suite, je suppose parce que img correspond à un block Avec un span, associé à un display : block , ça devrait marcher, sauf que non : <a href="#"><span><img src="image.jpg"/></span>Lien</a> |
  |
|
| Heyoan | # 12 May 2008 - 11:06:13 |
Un p'tit Kiwiz Coca ?  Modérateur 2930 Posts |
Hello flocon et bienvenue  ,l'attribut title que l'on peut utiliser avec la plupart des balises (dont le lien <a>) permet effectivement l'apparition d'une infobulle contenant du texte lorsque l'élément en question est survolé. Par contre il n'existe pas d'équivalent qui permette simplement d'afficher une image au survol  ! C'est pour cette raison que ta balise <img> (qui est bien de type 'en-ligne' et pas de type 'bloc'  ) apparaît directement dans ta page.Pour faire ce que tu veux tu pourrais t'inspirer du tuto Afficher / Masquer des éléments sans javascript ou encore faire une recherche sur Google avec tooltip (un bon millier de réponses en perspective  ).A+ |
| |
|
| Felipe | # 12 May 2008 - 12:56:01 |
 Administrateur 4659 Posts |
Bonjour et bienvenue, Heyoan> ni l'un ni l'autre (bien au contraire  ), img est de type inline-blockConcours d'octobre : LOGO sans tortue |
|
|
| Heyoan | # 12 May 2008 - 14:36:06 |
Un p'tit Kiwiz Coca ? Modérateur 2930 Posts |
Felipe a écrit :Je parlais bien sûr (  ) du rendu 'en-ligne' par opposition au rendu 'bloc' tel que défini dans la structure HTML et le rendu CSS des balises : bloc et en-ligne !Et en fait il faut bien avouer qu'à l'exception de l'imbrication des balises et quelques tests avec display (en attendant qu'il soit bien implémenté) je me contente de la notion simplifiée en-ligne / bloc   ... |
| |
|
Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org
Nos partenaires : Editions Eyrolles
Nikozen : Hébergement - Réalisation : Alsacreations.fr