Infobulle

Fermé

julie - 18 juin 2010 à 16:12
julie - 19 juin 2010 à 20:26

Bonjour,

voila mon code

<style type="text/css">
* {
font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
position: relative;
color: black;
text-decoration: none;
border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
display: none; /* on masque l'infobulle */
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

}
a.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 30px; /* on positionne notre infobulle */
left: 20px;

background: white;

color: green;
padding: 3px;

border: 1px solid green;
border-left: 2px solid green;
}
</style>
<body>
<a href="#" class="info"><img src="02.JPG"<span> <img src="02.JPG"/><br>tissu:jean <br> couleur:rouge</span></a>
</body>
mon probleme est quand je mets le curseur sur une des image toutes les image bougent "font un mouvement droite guache" et moi je veux elimine ca
merci d'avance

A voir également:

Infobulle
Infobulle Windows logon reminder ✓ - Forum Windows 7
Infobulle pour les champs de formulaires - Forum Programmation

3 réponses

Réponse 1 / 3

julie
18 juin 2010 à 17:49

une reponse svp c'est urgent

Réponse 2 / 3

duweb Messages postés 353 Date d'inscription dimanche 30 mai 2010 Statut Membre Dernière intervention 6 mars 2014 72
19 juin 2010 à 03:48

la seule erreur se trouve sur cette ligne :
<a href="#" class="info"><img src="02.JPG"<span>

il faut mettre
<a href="#" class="info"><img src="02.JPG"><span>

Réponse 3 / 3

julie
19 juin 2010 à 20:26

bonjour
oui c'est vrai pas c'est juste une erreur de frappe
mais mon probleme persiste tjr
de l'aide svp

Discussions similaires

Excel: Infobulle sur cellule

Comment insérer une info bulle dans document Word

Word: info-bulle

Info-bulles Excel

Infobulle survol souris