28221 sujets

CSS et mise en forme, CSS3

[Résolu] Rollover sur image

Bonsoir,
En m'inspirant du tutoriel "Faire un menu graphique avec une seule image et sans préchargement", j'ai tenté de faire un rollover sur le même mode (déplacement de l'image de fond), mais ça ne fonctionne que sur IE (chez moi : IE6) sur PC, mais pas sur NS sur PC, et sur aucun navigateur sur Mac !
Est-ce parce-que j'ai fait une erreur quelque part, ou bien est-ce parce cette méthode ne fonctionnerait que sur IE6 PC ?

Voici le lien vers mon test:
http://poele.online.fr/lrqp/test.htm

et le lien vers la feuille de style :
http://poele.online.fr/lrqp/style_lrqp.css

Merci d'avance pour votre réponse !
Modifié le 25 Nov 2004 - 13:26
Dans le tutoriel Faire un menu avec une seule image et sans préchargement on peur lire au bas de la page :
Tutoriel a écrit :

NOTE : ce menu a été testé avec succès sur PC avec les navigateurs Internet Explorer 5, Internet Explorer 5.5, Internet Explorer 6, Opera 7, Mozilla 1.7, Mozilla Firebird 0.7, Mozilla Firefox 0.8 et 0.9, ainsi que sous Mac avec les navigateurs Camino, Safari et Explorer, et sous Linux avec le navigateur Mozilla Firefox 0.8 et Konqueror 3.2.2.

Attention : il ne fonctionne pas sur les très anciens navigateurs comme Netscape 4 ou Internet Explorer 3.


Voici (sans rien enlever au tutoriel précédent) "la" référence francophone pour cette technique :
Sprites CSS : Meurs, découpe d'images, meurs !

Traduction de :
CSS Sprites: Image Slicing’s Kiss of Death
Pompage.net a écrit :

Quelques réflexions pour conclure. Notre nouvelle méthode des sprites CSS a été testée avec succès dans la plupart des navigateurs modernes, l'insigne exception étant Opera 6, qui n'applique pas d'image d'arrière-plan aux états :hover des liens. Pourquoi, nous n'en sommes pas sûrs, mais çela signifie que nos rollovers n'y fonctionnent pas. Les liens fonctionnent toujours, et s'ils ont été étiquetés correctement, le résultat est une zone réactive statique mais utilisable dans Opera 6. Nous y survivrons, surtout qu'Opera 7 est disponible depuis un bout de temps.


Modifié le 24 Nov 2004 - 23:20
Stephan,
Merci pour le lien frnacophone des sprites CSS.
J'ai refait mon test avec une liste ul + li, exactement comme sur l'exemple, et effectivement, là, ça fonctionne très bien sur NS7 pour PC.
Je ne pourrai vérifier sur Mac que dans quelques jours.

Pour voir le résultat :
http://poele.online.fr/lrqp/test2.htm

Mais sinon, je regrette de ne pas avoir compris pourquoi ça ne fonctionnait pas sur NS et sur Mac avec ma 1ère version...

Anyway, merci beaucoup !! Smiley smile
Sujet clos
Aller à