Discussion :

[maxfive7]

Bonjour,

j'ai commencé à créer mon site, je travaillé avec IE7, et tout allez bien jusqu'à ce que je vois le résultat sur IE6 et firefox2.

Je ne sais pas comment m'en sortir maintenant pour réparer mon code

voilà un screen sous IE 7 (l'image c'est temporaire ) :


sous IE6 :
il y'a un problème de décalage des cases, un espace a été rajouté en dessous des images des cases jaunes. De plus elle devrait etre opaque! IE6 ne gère t-il pas l'opacité des images?


sous firefox2:
la map n'est même pas affichée, ni les cases, ni l'image



J'ai joint mon code CSS (dans styleMap.php) affichant les cases invisibles, ensuite dans mon code html (map.php), il suffit de mettre une image dans une balise <a href> pour afficher une case jaune.

C'est assez découragent de découvrir ça... (surtout que l'ajax avec la mise a jour dynamique des onglets lui marche bien sous les 3 navigateurs )

[maxfive7]

J'ai résolu le problème avec firefox 2, la map s'affiche bien, et pour gérer l'opacité sous mozilla et d'autre navigateur j'ai ajouté la ligne :

Code :

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

style='opacity: 0.2; filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity:0.2'  />";

Cependant, l'opacité ne fonctionne toujours pas sur IE6.

Et j'ai toujours le problème de décalage avec IE6 par rapport aux 2 autres navigateurs

[maxfive7]

J'ai résolu le problème de la ligne,

le seul problème qui me reste c'est l'opacité (voir image IE6),
voici mon code CSS:

Code :

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

1
2
3
4
5
6
7
8
9
#adj{
	float: left; 
	width: 30px;          /* Largeur d'une case de la map*/
	height: 30px;          /* Hauteur d'une case de la map */
	opacity: 0.2; 
	filter: alpha(opacity=20); 
	-khtml-opacity: 0.2; 
	-moz-opacity:0.2;
}