kinglomz Posté 25 Septembre 2005 Partager Posté 25 Septembre 2005 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. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Country Posté 25 Septembre 2005 Partager Posté 25 Septembre 2005 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) Lien vers le commentaire Partager sur d’autres sites More sharing options...
jeanpierre949 Posté 25 Septembre 2005 Partager Posté 25 Septembre 2005 Bonjour. Le code css ne marche pas avec IE sauf sur les liens si tu n'as pas de href pas de roll-over Lien vers le commentaire Partager sur d’autres sites More sharing options...
Xavier Posté 25 Septembre 2005 Partager Posté 25 Septembre 2005 Pas le moindre texte alternatif sur les images... ton site n'a aucun contenu Pense un minimum à l'accessibilité Lien vers le commentaire Partager sur d’autres sites More sharing options...
Country Posté 25 Septembre 2005 Partager Posté 25 Septembre 2005 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
kinglomz Posté 25 Septembre 2005 Auteur Partager Posté 25 Septembre 2005 merci les gars, je vais essayer et surtout a Xavier pour sa remarque.je vais y remedier Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant