Delphine
{ Membre }
Messages : 20
| Bonjour !
Sur mon forum, sur la page d'accueil j'ai mis une infobulle. le problème est que le texte dedans est en italique alors que je ne veux pas. pourtant, je n'ai pas mis de code pour mettre le texte en italique, je comprends pas. :/ Vous pourriez m'aider à enlever l'italique ?
html - Code:
-
<a class="info" href="#"><img src="http://i34.servimg.com/u/f34/15/44/37/47/anna_p11.png"><span><img src="http://i34.servimg.com/u/f34/15/44/37/47/anna_p15.png"><br>Delphine Guillet<br>Fondatrice<br>et Directrice<br>de l'Académie<br>du Delta<br><div><a href="http://horsestar.forums-actifs.com/inscriptions-f3/dossier-de-delphine-guillet-t2.htm">Fiche</a></div></span></a> CSS - Code:
-
* { font-size: 12px; /* on définit les propriétés de texte pour toutes les balises */ font-family: Times New Roman; } a.info { position: relative; color: black; text-decoration: none; } a.info span { display: none; /* on masque l'infobulle */ } a.info:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */ } 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: -50px; /* on positionne notre infobulle */ left: 75px;
background: #5EAABD;
color: #453C35; padding: 3px; text-decoration: none;
border: 3px solid #423628; } |
Dernière édition par Delphine le Lun 30 Aoû 2010, 11:45, édité 1 fois | |
|
Chucky
{ Membre }
Messages : 47
| Voilà, essaye ça^^ - Code:
-
* { font-size: 12px; /* on définit les propriétés de texte pour toutes les balises */ font-family: Times New Roman; font-style: normal; !important } a.info { position: relative; color: black; text-decoration: none; } a.info span { display: none; /* on masque l'infobulle */ } a.info:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */ } 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: -50px; /* on positionne notre infobulle */ left: 75px;
background: #5EAABD;
color: #453C35; padding: 3px; text-decoration: none;
border: 3px solid #423628; }
| | |
|
Delphine
{ Membre }
Messages : 20
| C'est bon ça marche, merci beaucoup. | | |
|
Chucky
{ Membre }
Messages : 47
| De rien | | |
|