Infobulle
julie
-
julie -
julie -
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
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
