Problème de texte dans mon infobulle

[lacavaliere27]

Bonjour !

Ensuite, j'ai un problème avec mon infobulle. Elle fonctionne parfaitement, sauf que le texte qu'il y a dedans se met automatiquement en souligné, en italique et à gauche. Je voudrais qu'il soit normal et que je puisse le modifier comme je veux (centré etc), sauf que je n'y arrive pas.

Code:

<a href="#" class="info"><img src="http://i49.servimg.com/u/f49/12/09/54/25/image_12.png" alt="Texte alternatif" /><span><img src="http://i49.servimg.com/u/f49/12/09/54/25/image_11.png" /><br><br>Blabla</span></a>

Code:

a.info {
color: #3D3530;
font-size: 12px; /* on définit les propriétés de texte pour toutes les balises */
font-family: Calibri;
z-index:24;
position:relative;
text-decoration: none;
}
 
a.info:hover {
z-index:25;
background-color: none;
}
 
a.info span {
display: none; /* on masque l'infobulle */
}
 
a.info:hover span {
top: -1px; /* on positionne notre infobulle */
left: 50px;
display:block;
position:absolute;
border:2px solid #524B46;
-webkit-border-radius: 10px;
background-color: #A69A8B;
color: #3D3530;
text-decoration: none;
padding: 5px;
}

Merci d'avance.


Résolu :

Spoiler:

[Pinguino]

Bonjour,



Avant tout vérifiez que vous avez bien activer le HTML :

https://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle?highlight=HTML

Cordialement,

[lacavaliere27]

Ah oui effectivement c'était ça. Merci beaucoup ^^
Maintenant il ne me reste plus que le problème de l'infobulle.

[kheino]

Bonjour,

Il suffit juste de le définir là où tu as donné les propriétés du texte car certainement tes liens dans le reste du forum sont en italique et soulignés:

a.info {
position:relative;
color: #3D3530;
font: normal 12px calibri; /* ordre à respecter pour le raccourci font et on définit les propriétés de texte pour toutes les balises */
text-decoration: none!important;
text-align: center;
z-index:24;
}

Si ça ne suffit pas, il faut ajouter le !important avant le point-virgule.

Le saut de ligne s'écrit:

Code:

<br />

[lacavaliere27]

Ah merci maintenant ça fonctionne !