probleme de roll-over

[kinglomz]

ben voila,

j'ai enfin trouve une source de financement pour mon studio. je debute a peine les gars (et les filles ). j'ai maintenant mon site (.com en plus !) http://www.studioarea51.com mais comme toujours, j'ai ce probleme avec les roll-overs. je trouve que ca prend trop de temps avant que l'effet se fasse. n'y a-t-il pas d'autres moyens de faire les roll-overs ? ou comment charger les images dans le cache du visiteur pour que l'effet soit instantane quand celui-ci passe la souris dessus. merci encore.

[Country]

Voir l'excellente traduction de pompage.net :

Sprites CSS : Meurs, découpe dimages, meurs !

En gros :

L'astuce consiste à ne mettre qu'une seule image en background et au survol (:hover) de changer sans position afin d'afficher la 2nd partie de l'image pour réaliser un effet de survol. Et comme il ne s'agit que d'une unique image qui est affichée dès le chargement de la page, aucune mise en caché préalable n'est nécessaire (et tout ça sans JS)

[jeanpierre949]

Bonjour.

Le code css ne marche pas avec IE sauf sur les liens si tu n'as pas de href pas de roll-over

[Xavier]

Pas le moindre texte alternatif sur les images... ton site n'a aucun contenu

Pense un minimum à l'accessibilité

[Country]

Bonjour.

Le code css ne marche pas avec IE sauf sur les liens si tu n'as pas de href pas de roll-over

<{POST_SNAPBACK}>

En effet, mais ici l'effet est appliqué à des liens donc pas de problèmes

Exemple d'application de l'effet roll-over :

#bouton { width:206px; }
#bouton a:link, #bouton a:visited {
	display:block;
	height:44px; /* Hauteur de l'image */
	text-indent:-9000px; /* Cache le texte du lien */
	text-decoration:none;
	background:url(entrez.gif) no-repeat;
}
#bouton a:hover, #bouton a:active {
	background-position:0 -44px;
}

<div id="bouton"><a href="index2.html">Entrez</a></div>

Et l'image entrez.gif :

http://img381.imageshack.us/img381/2420/entrez7iz.gif

[kinglomz]

merci les gars, je vais essayer et surtout a Xavier pour sa remarque.je vais y remedier