Bonjour
voila mon probleme qui est à deux doigt de faire péter les plombs...
 
j'ai un menu en xhtml et en css :  
le menu est fait avec un ul et des li
et les liens (sont display block) de la taille des li
 
Tout marche bien, sauf que sur IE, l'image se recharche à chaque fois !!! et j'ai un fond gris qui dure environ 1 seconde avant que l'image hover n'apparaissent...
 
PS : mes images ne sontpas lourdes et sont optimisées : tout marche bien chez firefox... que faut il que je fasse ? quelqu'un à une idée ?
 
http://www.foxcss.com/ifocop/
 
 
merci d'avance

chose étrange : en prenant uniquement le meme menu isolé : ca marche avec ie...
 
http://www.foxcss.com

à mon avis, les images qui se mettent en cachent doivent se trouver dans un tag <img>
 
peux-tu montrer le CSS stp

à mon avis le navigateur ne peut mettre en cache les images qui sont définies dans le CSS.
 
essaie de faire un preload d'image en JS pour pallier ce problème

je sais plus trop mais il me semble que IE ne connait les hover que sur les <a> et pas sur les autres balises.
Mais je me trompe peut-être.

pour Ayuget: effectivement IE ne reconnait que le <a> pour les hover... c est pourquoi tous mes <a> sont display:block et ont la meme taille et la meme hauteur que mes <li>...
 
Ca marche sur tous les autres navigateurs, sauf IE,il buggue avec les images : on dirait qu'il les recharge a chaque fois, help...
http://www.foxcss.com (a voir sur IE)
 
merci
 
 

j'suis désolé, je vois

Je te fais donc remarquer que c'est normal que ca ne marche pas avec IE

Bonjour, j'ai un problème similaire... voici mes sources:
Mon CSS (appelé avec un link):
[...]
#menu{
 position:relative;
 visibility:visible;
 text-align:left;
 top:40px;
 left:75%;
 width:200px;
 height:200px;
}
#lang{
 position:absolute;
 float:right;
 top:2px;
 right:5px;
 margin-left: auto;
 margin-right: auto;
}
[...]
ul{display:block;list-style-type:none;}
[...]
 
Ce qui est étrange, dans le cas ou IE ne prend pas en compte les hover autrement que sur les a, c'est qu'avec mes li et mes input cela fonctionne...
ex:  
input.btnsub {
 border:1px solid #e3bc06;
 background-image:url(subscribe.gif);
 height:16px;
 width:80px;
 font-family:Verdana;
 font-size:0px;
 font-weight:bold;
 color:white;
 cursor:pointer;
}
input.btnsub:hover {
 border:1px inset #e3bc06;
 font-weight:bold;
 color:white;
}
...balise ul li:
ul#lg{height:21px;margin:0;padding:0;list-style-type:none;}
ul#lg li{float:right;text-align:right;}
ul#lg li a.en{
 display:block;
 background:url(en1.gif) no-repeat 0 0 ;
 width:30px;
 height:21px;
 border:none;
}
ul#lg li a.en:hover{
 display:block;
 background:url(en2.gif) no-repeat 0 0 ;
 width:30px;
 height:21px;
 border:none;
}
ul#lg li a.fr{
 display:block;
 background:url(fr1.gif) no-repeat 0 0 ;
 width:30px;
 height:21px;
 border:none;
}
ul#lg li a.fr:hover{
 display:block;
 background:url(fr2.gif) no-repeat 0 0 ;
 width:30px;
 height:21px;
 border:none;
}
 
Voici mon code pour le div du menu (php):
echo ' <div id="lang"><ul id="lg"><li><img src="en3.gif" width="30" height="21"></li><li><a class="fr" href="index.php?act=home&lg=fr"><img src="_.gif" alt="Francais" width="30" height="21" /></a></li></ul></div>';
   echo '<div id="menu"><ul>
     <li><a href="index.php?act=news&lg=en">News</a></li>
     <li>&nbsp;</li>
     <li><a href="index.php?act=biography&lg=en">Biography</a></li>
     <li><a href="index.php?act=gallery&lg=en">Gallery</a></li>
     <li><a href="index.php?act=agenda&lg=en">Agenda</a></li>
     <li>&nbsp;</li>
     <li><a href="index.php?act=extra&lg=en">Extra</a></li>
     <li><a href="index.php?act=links&lg=en">Links</a></li>
     <li>&nbsp;</li>
     <li><a href="index.php?act=contact&lg=en">Contact</a></li>
    </ul></div>';
 
Voilà... je suis complètement perdu donc si qqun pouvait m'aider ce serait vraiment génial ! ^^
 
url du site http://palumboproject.ovh.org/
 
Merci !

Oh ! J'ai oublié de préciser que le problème est que mon menu (id=menu) n'apparait absolument pas sous IE alors que tout fonctionne bien sous FF.
A noter que mon menu lang fonctionne correctement sous les 2 (IE et FF).
Merci !

Bon... et bien j'ai réglé mon problème... pardon pour le dérangement ! (2 seconde 3/4 plus tard et je comprend le problème...hum)
En fait il s'agissait de mon #menu... mettre position:absolute... je suppose que sous IE il se placait derrière un élément... enfin bon !
Merci quand même !