Problème de texte dans mon infobulle

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de texte dans mon infobulle

Message par lacavaliere27 le Ven 2 Mar 2012 - 12:14

Bonjour ! Smile

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. Smile


Résolu :
Spoiler:
Je voudrais d'abord vous demander pourquoi lorsque je met un code HTML dans un message, celui-ci ne fonctionne pas. Dans le panneau d'administration, j'ai coché "Oui" pour "Autoriser le HTML" et dans les options du message je décoche "Désactiver le HTML dans ce message" mais quand je quitte l'éditeur et que j'y reviens, cette option est recochée de nouveau.
Par exemple pour ce code :

Code:
<div class= "boite" ><u>Machin</u> :
<u>Truc</u> :
<u>Bidule</u> :
<u>Lolilol</u> :
<u>Cacahuète</u> :</div>

Dans mon CSS, j'ai bien la classe : .boite{....} mais pourtant, voilà ce qui s'affiche dans mon message :



Dernière édition par lacavaliere27 le Ven 2 Mar 2012 - 13:54, édité 3 fois

lacavaliere27
**

Féminin
Messages : 52
Inscrit(e) le : 17/06/2008

http://horsestar.forums-actifs.com/index.htm
lacavaliere27 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de texte dans mon infobulle

Message par Pinguino le Ven 2 Mar 2012 - 12:15

Bonjour,



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

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

Cordialement,

Smile

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10229
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de texte dans mon infobulle

Message par lacavaliere27 le Ven 2 Mar 2012 - 12:31

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

lacavaliere27
**

Féminin
Messages : 52
Inscrit(e) le : 17/06/2008

http://horsestar.forums-actifs.com/index.htm
lacavaliere27 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de texte dans mon infobulle

Message par Final-Blonde le Ven 2 Mar 2012 - 13:39

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 />

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de texte dans mon infobulle

Message par lacavaliere27 le Ven 2 Mar 2012 - 13:54

Ah merci maintenant ça fonctionne ! Very Happy

lacavaliere27
**

Féminin
Messages : 52
Inscrit(e) le : 17/06/2008

http://horsestar.forums-actifs.com/index.htm
lacavaliere27 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum