div et visibility: hidden

voyageurdumonde · 30/05/2011, 18h29

Bonjour,

J'utilise des DIV pour afficher des informations lorsque l'utilisateur passe la souris sur un lien. (02 dans l'exemple)
voici mon code

Code :

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

1
2
3
<li onMouseOver="div.show('div102.05.2011')" onMouseOut="div.hide('div102.05.2011')">02</li>
 
<div id="bulleinfo"><div style="VISIBILITY: hidden"; id="div102.05.2011" ></div>

mes problemes sont les suivants:

1 - Avec IE lorsque le passe la souris sur la DIV, il affiche le contenu (Ca ne le fait pas avec FF)

2 - J'ai des liens auquelles je voudrais acceder en dessous de ma DIV "VISIBILITY: hidden". Il semble que meme si le texte ne s'affiche pas je ne peux pas acceder aux liens. Cela peut-il etre autrement?

Merci de vos reponses

NoSmoking · 30/05/2011, 21h38

Bonjour,
en CSS pur cela donne

Code html :

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
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
li div {
  display : none;
}
li:hover div {
  display : block;
}
</style>
</head>
<body>
<ul>
  <li>Item #1
    <div>
      Le texte de l'item #1 à afficher
    </div>
  </li>
  <li>Item #2
    <div>
      Le texte de l'item #2 à afficher
    </div>
  </li>
</ul>
</body>
</html>

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email