Bonjour,
J'utilise des infobulles dans mon site. Voici le html:


Code : Sélectionner tout - Visualiser dans une fenêtre à part
<a href="#" class="info">Title<span>Content</span></a>

et le CSS associe:

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
30
31
32
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; 
}
 
a.info span {
   display: none; 
}
 
a.info:hover {
   background: none;
   z-index: 500; 
   cursor: help; 
}
 
a.info:hover span {
   display: inline-block;
   width:700px;
   position: absolute;
   top: 30px; 
   left: 20px;
 
   background: white;
 
   color: green;
   padding: 3px;
 
   border: 1px solid green;
   border-left: 4px solid green;
}
Le souci c'est que quand on clique par megarde sur "Title", on revient tout en haut de la page, ce qui est particulierement desagreable. Est ce qu'il y a une astuce pour enlever ce phenomene?

Merci beaucoup d'avance!