Problème de chargement d'images sur Rollover avec IE - HTML/CSS - Programmation
Marsh Posté le 02-03-2005 à 23:39:32
hmm si tu parles de la barre orange qui apparait au rollover, ca marche niquel avec IE pour moi. Es-tu sur que ce n'est pas un problème avec ton navigateur sur ton pc?
Marsh Posté le 02-03-2005 à 23:40:56
C'est quoi ce rollover en javascript sur des cases de tableau
et ton CSS, rien qu'en sa forme actuelle, pourrait être méchamment amélioré, par exemple:
|
peut être remplacé par
|
Marsh Posté le 02-03-2005 à 23:47:05
Si l'image survolée n'a que la partie supérieure qui deviens orange, on peut le faire sans images en changant la couleur de la bordure supérieure
Marsh Posté le 02-03-2005 à 23:48:59
masklinn a écrit : C'est quoi ce rollover en javascript sur des cases de tableau
|
Le rollover est en javascript parce qu'en CSS ca marche pas avec IE
Et le css pour le moment je m'en bat un peu les couilles, ce genre de trucs je le nettoirai une fois que tout le reste sera niquel
Marsh Posté le 02-03-2005 à 23:51:41
FlorentG a écrit : Si l'image survolée n'a que la partie supérieure qui deviens orange, on peut le faire sans images en changant la couleur de la bordure supérieure |
Pas con, j'y avais même pas pensé
A la base ca changais aussi la couleur du dégradé pour ça que j'avais mis les images.
Merci
PS : enfin, bon, si quelqu'un sait comment corriger ce problème qu'il n'hésite pas
Marsh Posté le 02-03-2005 à 23:51:50
il me semble (si je me rappelle bien le tuto de Masklinn), que le rollover ne marche que sur les balise a avec IE... mais en l'occurence ca ne pose pas de problème dans ton cas, puisque c'est effectivement un menu de lien ... aucun problème à appliquer le rollover CSS dans ton cas donc (enfin suis encore noob avec CSS, j'espère pas dire de bêtises)
je te conseille donc ce topic : http://forum.hardware.fr/hardwaref [...] 4743-1.htm
Marsh Posté le 02-03-2005 à 23:52:02
harrysauce a écrit : Le rollover est en javascript parce qu'en CSS ca marche pas avec IE |
haha
Djebel1 a écrit : il me semble (si je me rappelle bien le tuto de Masklinn), que le rollover ne marche que sur les balise a avec IE... |
Exactement
MSIE ne gère la pseudo-classe "hover" que sur les ancres (balises "a" )
Ce qui n'est pas spécialement gênant
Marsh Posté le 02-03-2005 à 23:52:55
FlorentG a écrit : Comment ça en CSS ça marche pas sous IE |
Pour faire un rollover en CSS faut utiliser le "hover" et sous IE ça marche que sur les liens (c'est toi qui me l'avait dit je crois en plus )
Marsh Posté le 02-03-2005 à 23:53:52
Djebel1 a écrit : il me semble (si je me rappelle bien le tuto de Masklinn), que le rollover ne marche que sur les balise a avec IE... mais en l'occurence ca ne pose pas de problème dans ton cas, puisque c'est effectivement un menu de lien ... aucun problème à appliquer le rollover CSS dans ton cas donc (enfin suis encore noob avec CSS, j'espère pas dire de bêtises) |
Si ça pose un problème parce que même si ce sont des liens le rollover est sur un tableau, donc des balises <td>
Marsh Posté le 02-03-2005 à 23:54:08
bah oui, et ton menu il est fait de quoi? d'artichauts peut-être?
ha oui bah oublie les tableaux aussi tu n'en as absolument pas besoin pour réaliser ce que tu veux faire
d'ailleurs sur alsacreation y a une excellente explication de création de menu, par contre je peux pas te retrouver l'adresse j'ai un pti bug la, mais ca doit se trouver facilement
Marsh Posté le 02-03-2005 à 23:56:52
harrysauce a écrit : Pour faire un rollover en CSS faut utiliser le "hover" et sous IE ça marche que sur les liens (c'est toi qui me l'avait dit je crois en plus ) |
Comme te l'ont fait remarqué les autres, t'as des liens, donc pas de probs
Marsh Posté le 02-03-2005 à 23:58:02
harrysauce a écrit : Si ça pose un problème parce que même si ce sont des liens le rollover est sur un tableau, donc des balises <td> |
1- tu dégages le tableau (voir Listamatic que j'ai linké plus haut) et tu remplaces par une liste
2- tu mets le hover sur les liens (voir listamatic que j'ai linké plus haut)
3- ???
4- PROFIT !
Marsh Posté le 03-03-2005 à 00:49:39
Ca y'est, j'ai mis le rollover sur les liens, ben ça change rien au problème, c'est EXACTEMENT comme avant
Reste le solution de FlorentG (ne changer que la couleur de la bordure supérieur) mais ça me fait un peu chier parce que si plus tard je veux pouvoir changer le dégradé par le rollover je pourrai plus
Marsh Posté le 03-03-2005 à 09:22:52
Bah si, tu met ET la bordure ET l'image de fond dans le :hover
Marsh Posté le 03-03-2005 à 13:01:59
Ben au moment où l'utilisateur va passer la souris sur le lien IE va quand même aller chercher l'imache de fond sur le serveur
Et donc ça changera pas grand chose
Marsh Posté le 24-08-2008 à 00:15:37
J'ai eu le même souci en utilisant qqch du genre :
var img = new Image();
img.src = "l'url de mon image";
img.onload = function()
{
affichage de mon image...
}
Quand je rafraichis la page sous IE (uniquement) parfois l'image s'affiche, parfois non...
le problème n'apparait plus si je n'attends pas l'evênement onload.
Marsh Posté le 02-03-2005 à 21:39:47
Je suis en train de refaire un site et j'ai un menu dont l'image de fond change quand on passe la souris dessus.
Ca marche niquel avec Firefox, mais chez certains avec IE ça déconne (sur mon pc avec IE6 ça déconne, sur mon portable toujours IE6, ça marche....) : au moment d'afficher l'image de survol IE va la chercher sur le serveur ce qui provoque un petit temps de flotement pendant lequel il n'y a aucune image d'affichée. Et ce même s'il a déjà chargé l'image et donc placée dans le cache.
J'ai essayé de mettre un JS qui précharge les images, mais ça change rien
Afin que vous voyez de quoi je veux parler : http://www.pagededemarrage.net/v2
Si quelqu'un a une solutuion je suis preneur parce que je peut quand même pas laisser ça comme ça...