28220 sujets

CSS et mise en forme, CSS3

[Résolu]Délai de réaction & menu rollover.

Bonjour,

Dans la création d'un blog perso je crée un menu horizontal pourvu d'un arriere plan en image. J'ai suivi la méthode de Raphaël Goetter expliquée dans son merveilleux livre.Lorsque je teste depuis mon disque dur, tout se passe normalement. Cependant ,lorsque j'utilise internet explorer et que je télécharge mon site depuis le serveur, il y a un temps de réaction du menu qui est de l'ordre de la seconde, ce qui ne se produit pas avec firefox!
testez par vous même : http://perso.wanadoo.fr/ralfdotcom/
Je ne comprends pas, car j'ai essayé selon la méthode du bouquin d'afficher les images hors de la zone de l'écran et cela ne fonctionne pas.
Est-ce que je m'y suis mal pris?
voilà mes css : 
body         {color:#779;}
#header      {position: absolute;height: 128px;width: 768px;left: 50%;margin-left: -375px;top:  8px;border:2px solid #AAC;background: url(pics/logos/banniere19.png) no-repeat;}
#centre      {position: absolute;width: 768px;left: 50%;margin-left: -375px;top:152px;border:2px solid #AAC;}
#menuhori    {position: absolute;height: 128px;width: 768px;left: 50%;margin-left: -384px;top:102px;}
#footer      {position: absolute;height:  30px;width: 768px;left: 50%;margin-left:  -96px;}
#menuhori a  {font-family:"trebuchet ms",Arial,Helvetica,Verdana,sans-serif;font-size:0.8em;line-height: 1.6em;letter-spacing:0.15em;margin: 0px;padding: 0px;}
#centre p    {font-family:"trebuchet ms",Arial,Helvetica,Verdana,sans-serif;font-size:0.7em;line-height:normal;letter-spacing:normal;margin: 0px;padding:20px 20px 10px 20px;}
#footer p    {font-family:"trebuchet ms",Arial,Helvetica,Verdana,sans-serif;font-size:0.7em;margin: 0px;padding: 8px;}
.cache       {position:absolute;left:0px;top:-5000px;}
a:hover      {font-weight:bold;}
a:visited    {color:#559;font-weight:bold;}
h1  		 {background: url(pics/logos/leaf02.png) no-repeat;color:#337;font-family:"trebuchet ms",Arial,Helvetica,Verdana,sans-serif;font-size: 1.8em;letter-spacing:0.2em;margin: 10px;padding:25px 30px 10px 45px;}
#menuhori li     {float:left;list-style-type:none;}
#menuhori a      {display:block;width:96px;text-align:center;text-decoration:none;}
#menuhori li a   {background: url(pics/logos/banniere19clair.png);}
#menuhori a#lien1{display:block;background-position:768px 26px;}
#menuhori a#lien2{display:block;background-position:672px 26px;}
#menuhori a#lien3{background-position:576px 26px;}
#menuhori a#lien4{background-position:480px 26px;}
#menuhori a#lien5{background-position:384px 26px;}
#menuhori a#lien6{background-position:288px 26px;}
#menuhori a#lien7{background-position:192px 26px;}
#menuhori a#lien8{background-position: 96px 26px;}
#menuhori li a:hover   {color:#EEF;background: url(pics/logos/banniere19sombre.png);}
#menuhori a#lien1:hover{background-position:768px 26px;}
#menuhori a#lien2:hover{background-position:672px 26px;}
#menuhori a#lien3:hover{background-position:576px 26px;}
#menuhori a#lien4:hover{background-position:480px 26px;}
#menuhori a#lien5:hover{background-position:384px 26px;}
#menuhori a#lien6:hover{background-position:288px 26px;}
#menuhori a#lien7:hover{background-position:192px 26px;}
#menuhori a#lien8:hover{display:block;width:96px;background-position: 96px 26px;}

Modifié par Ralfman68 (10 Aug 2005 - 12:36)
Salut,

Pour moi ça marche.

Il s'agit bien du survole de "Welcome - Toffs ...". ?
J'ai bien un effet de fond plus sombre.

C'est pratiquement instantané.
Je peux déplacer la souris de gauche à droite et de droite à gauche et de gauche à droite, ....
Enfin tu vois le genre de survole rapide Smiley langue
Tu es sur d'avoir utilisé internet explorer?
Mon probleme est le suivant : tout fonctionne bien, mais avec internet explorer le délai de réaction du menu est trop long, voilà . Merci
PS: Si tu me dis que ça marche, je veux bien te croire, mais je me demande pourquoi chez moi cette seconde, voire cette demi-seconde de retard existe...
Modifié par Ralfman68 (06 Aug 2005 - 10:52)
J'ai bien utilisé IE.
Win2K + IE 6.0 pour être précis et je n'ai vraiment pas de latence/retard.
J'ai trouvé : ça doit etre un bug de IE(?). dans les options internet/général/fichiers temporaires/parametres, j'avais coché "vérifier s'il existe une version plus récente à chaque fois" au lieu de cocher "automatique". maintenant ça marche.
Sujet clos
Aller à