Bonjour tout le monde !
 
J'ai un petit problème pour afficher un bloc lors du survol d'un lien. Je vais expliquer ce que j'ai fait :
 
Le HTML :
 
<div class="connexion">
<a class="login" href="#">Log-in    
    <span>
    <h1>Connexion</h1>
    <form name="formulaire" method="post" action="index.php">
      Le Formulaire
    </form>
    </span>
</a>  
</div>
 
Le CSS :
 
div.connexion span {
  width: 200px;
  height: 150px;
  z-index: 1;
  display: none;
  position: absolute;
}
 
div.connexion a.login:hover span {
  display: inline;
}
 
Ca marche sur Mozilla, mais rien ne n'affiche sur IE. Visiblement c'est le passage de display: none à display: inline qui ne passe pas. Est ce qu'il existe une autre façon de procéder, efficace sur Mozilla et sur IE?
 
merci d'avance   .

a:hover {border-bottom:0px;}/* indispensable pour IE seulement */
 
ca corrige normalement le bug de IE
 
exemple ici :  
http://gatsu.ftp.free.fr/Modele/Bijouterie/

J'ai essayé, sans trop de conviction. Ca change rien   .
 
EDIT : Ok, ça avance en fait, merci pr l'astuce   .

Salut,
 
Pour commencer, ta structure est bancale : <a> ne peut pas contenir d'éléments de type bloc comme <h1> ou <form>. Idem pour <span>.
C'est bancal dans le sens où les éléments ne sont pas *prévus* pour cela et par conséquent, leur rendu peut être complètement aléatoire car assuré par aucune norme.
 
Si tu modifies ta structure, tu as un tutoriel qui devrait te convenir :
http://css.alsacreations.com/Tutor [...] javascript
 
Si tu veux garder ce type de structure, il va falloir procéder différemment. Tu ne peux pas, proprement, procéder comme ça avec CSS uniquement. Il va falloir trouver une solution en javascript avec des choses du genre innerHTML

Ok.
 
Dans ce cas je ne vais pas pouvoir passer pas CSS parce que le bloc à afficher doit contenir un formulaire.
 
Merci pour les précisions.