28173 sujets

CSS et mise en forme, CSS3

Bonjour,

voila le problème (qui a peut être été traité mais après 2h de navigation et de recherche je ne trouve toujours pas mais je cherche encore):

j'ai une <li> dans laquelle j'ai enlevé le list-style et j'ai placé en background sur chaque li une puce...bon jusque la j'espère que je suis clair.

quand je passe mon curseur sur les liens de cette <li> sous IE7 et firefox pas de problème mais sous IE6 les puces disparaissent puis réaparaissent.

comment faire?...en sachant que mon site doit etre valide IE6 IE7 et firefox
merci d'avance pour votre aide.

Voici l'adresse du site

(j'ai dû enlever l'adresse url désolé)

et la fameuse <li> se trouve en haut à droite en dessous des drapeaux...(testez sous IE6 pour voir le bug)

merci
Modifié par adlteam (12 Jul 2007 - 16:53)
voila la css gérant les puces

#websiteLink{
float:right;
width:139px;
height:84px;
border:1px solid #069;
}

html > body #websiteLink{
width: 135px;
height:83px;
}

#websiteLink ul{
width:137px;
margin-top:1px;
}

#websiteLink li{
margin-top:-6px;
list-style-type:none;
}

#websiteLink li a{
font-family:Arial, sans-serif;
font-size:10px;
color: #069;
font-weight: bold;
text-decoration:none;

padding-left:15px;
background:url(../img/chip.gif) left center no-repeat ;
}

#websiteLink li a:hover{
color: #F60;
}
Modifié par adlteam (12 Jul 2007 - 16:54)
Salut Smiley cligne ,

je n'ai pas vu de différence entre IE6 et Firefox Smiley rolleyes ... A part peut-être un espace entre les li un peu plus grand avec IE ce qui fait que le cursor 'saute' entre pointer et crosshair...

A+
ok merci je vais essayer de trouver autre chose...si on insiste avec le curseur de la souris les puces finissent par disparaitre et noramlement elles ne le devraient pas.

vais continuer à chercher pour les bloquer.

merci quand meme d'avoir regardé.

ps: le pb n'est toujours pas résolu donc si vous avez une idee n'héistez pas
Bon j'ai fini par trouver:

il fallait juste mettre le list-style-image dans le #li{} et non dans le #li a{}

et surtout mettre une hauteur au #li{}...

1 jour et demi de taf pour une hauteur...vive IE6. vivement que plus personne ne l'utilise

merci pour tout