Comment faire pour insérer une info bulle dans un article ?
D'abord, insérez à la fin de votre feuille de CSS le code suivant :
a.info {
position:relative;
border-bottom:1px dashed #808080;
text-decoration: none;
font-weight: bold;
}
a:hover.info {
text-decoration: none;
background: none;
}
a.info span {display: none;}
a:hover.info span {
display: inline;
position: absolute;
top:1.5em;
left:0.5em;
z-index: 20;
background: #couleur de fond de l'info bulle;
color: #couleur du texte de l'info bulle;
border:1px solid #couleur de la bordure de l'info bulle;
width:150px;
text-align:center;
font-weight:normal;
font-size: 10px;
line-height:12px;
padding:2px 4px;
}
Evidemment remplacez le texte en orange par le code de votre couleur ..
Ensuite, quand vous voulez mettre une info bulle dans votre article, placez ce code dans l'"affichage HTML de l'article" :
<a href="#" class="info">votre texte<span>texte dans l'info bulle</span></a>
Et normalement (si ça ne marche pas chez vous, je n'y peux rien ..), quand on passe la souris sur le texte, l'infobulle s'affiche ..
Je peux pas vous mettre un exemple sur cet article parce que le mode invité ne permet pas l'accès au CSS mais voyez sur cet article.
Voila, j'espère que vous m'avez comprise, sinon posez vos questions ;)
Mathilde, pour vous servir.
(bon, c'est à la fois du CSS et de l'HTML, mais j'le met dans la catégorie CSS.)