Forum Clubic

Afficher un div au survol d'un bouton (sans javascript)

Logiciel Programmation
#1 

<a class="ShowOption1" href=''>
	<img src='images/showoption1.png' border="none" alt="" />
	<span class="WinOption1">		<?php foreach($items as $i => $lib){ ?>
		<img src="images/items/<?php echo $lib ?>" border="none" alt=<?php echo substr($textes_items[$i],1,4) ?> />
		<?php } ?>
	</span>
</a>



.ShowOption1 span{
	display: none;
}
a.ShowOption1:hover span{
	display: block;
}
.WinOption1{
	position: absolute;
	background: #eff;
	z-index: 10;
	top: 145px;
	left: 5px;
	width: 547px;
	height: 35px;
	border-style: solid;
	border-color: #445;
	border-width: 1px;
	border-bottom-width: 4px;
}

Voilà, ce code fonctionne parfaitement sous firefox et netscape, mais pas sous IE6 (non testé sous IE7, il faut que je l’installe avec un reboot etc… ) ni sous opera
Si vous avez une petite idée du comment du pourquoi de la chose ^^
merci :slight_smile:
Edité le 16/04/2009 à 14:31

#2

Utilise la balise “visibility”.

#3

Comme tu dois déjà le savoir, le “Hover” sur les balises A ne fonctionnent pas sur IE6 et IE7 (plus je sais pas). :slight_smile:

Perso je n’utilise jamais de balises A …du coup, le seul conseil que je peux te donner est de ne pas utiliser cette balise :smiley:
Edité le 15/04/2009 à 12:39

#4

Le hover sur les balises A fonctionnent sous IE6, 7, et même IE5 je crois hein :slight_smile:

C’est le hover sur autres choses que les balises A qui ne fonctionne pas, et encore, puisque sous IE7 et 8 cela passe.

En revanche, ce qui peut bloquer c’est la syntaxe :

a.ShowOption1:hover

->

a:hover.ShowOption1

A voir.

#5

Honte à moi … :ane::ane:

Je viens de passer 2 mois dans une boite chez qui le a:hover ne marchait pas sur IE … j’ai jamais cherché pourquoi, je faisais confiance au chef :icon_biggrin:

Effectivement, je viens de faire un test tout bête, ca marche … j’y comprends plus rien :ane::ane:

#6

Merci sans-nom, j’ai essayé plusieurs solutions dont la tienne et rien ne fonctionne sous IE6, pourtant la syntaxe semble “logique”, en tout cas, comme je l’ai précisé, firefox interprete correctement celui-ci :slight_smile:
Edité le 16/04/2009 à 10:19