Discussion :

[parisjohn]

Bonjour,
Je veux quand je passe la souris sur un lien affiché un petit text en dessous
Sur mon site internet j'ai un probleme avec Internet explorer 6 alors que ca marche avec firefox
J'ai mis dans ma feuille de style css :

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
 
a
{
	color: #002B55;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}
a:hover
{
	color: #ff6600;
	text-decoration: underline;
}
a.commentaire span
 {
	display: none;
}
a.commentaire:hover span
 {
	display: block;
	bottom: 1em;
	right:2em;
	color: #002B55;
	padding: 1em;
	border-style: solid;
	text-align: left;
	text-decoration: none;
}

et donc dans ma page html : j'ai fait

Code :

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

<a class="commentaire">salut<span>ca va?</span></a>

et donc il devrait m'afficher ca va quand je passe la souris sur salut
Ca fonctionne sous Firefox mais pas sur IE
Sur safari et chrome ca fonctionne mais ca me surligne en orange
Pour vous faire un idée voici le site :
http://www.quant-press.com
Il vous suffit de passer la souris sur un des 2 liens dans News articles
merci d'avance de votre aide

[Macmillenium]

Bonjour,

Ajoutes ceci :

Code css :

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

1
2
3
4
5
 
a.commentaire:hover
{
        border:0;
}

[parisjohn]

Wonderful !!!!!
Merci encore
j'en profite
Par contre pour mon problème de surlignage en orange sous Chrome ou Safari vous auriez une idée

[Macmillenium]

Essaye ceci :

Code css :

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
30
31
 
a
{
	color: #002B55;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}
a:hover
{
	color: #ff6600;
	text-decoration: underline;
}
a.commentaire span
 {
	display: none;
}
a.commentaire:hover
 {
	bottom: 1em;
	right:2em;
	color: #002B55;
	padding: 1em;
	border-style: solid;
	text-align: left;
	text-decoration: none;
}
a.commentaire:hover span
 {
	display: block;
}

[parisjohn]

Super tout est nikel
Merci de l'aide