Discussion :

[astano]

Salut à tous,

J'essai d'afficher un message quand le curseur se positionne sur un lien.

Voici le code que j'utilise:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<style>
a.info {
position: relative;
}
 
a.info span {
display: none;
}
 
a.info:hover {
background: none;
}
 
a.info:hover span {
font-size: 11px;
font-family: "Trebuchet MS";
text-align: center;
display: inline;
position: absolute;
top: 4em;
left: 0em;
padding: 2px;
border: 2px solid #804000;
background: #F0F0FF;
color: black;
}
</style>
 
<p><a class="info" href="#">le lien <span>Test mise en place info sur lien</span></a></p>

Le problème c'est que chaque mot est écrit sur une nouvelle ligne. J'aimerais savoir comment faire pour afficher une cadre de la taille du texte. (Sans renseigner le width avec une taille fixe).

Merci pour votre aide.

[efficks]

Pourquoi ne pas tout simplement faire ceci?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="info" href="#" title="Test mise en place info sur lien">le lien</a>