28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je me suis retrouvé avec un bug seulement présent sous Mozilla.

Dans ma feuille de style, j'ai :
...
a{
	color:#00a3cc;
}
a:hover{
	color:#00a3cc; text-decoration:none;
}
...


Par rapport à mes liens.

Et dans ma page, j'ai :
...
<a href="http://www.alsacreations.com" title="CSS"><img id="logo" src="images/logo.gif" alt="Youpi"/></a>
...


Le bug que j'ai découvert, est que sous Mozilla, lorsque l'on passe le curseur sur l'image (qui est capturée par un lien), celle-ci ce déplace d'une pixel vers la gauche. Ce bug est provoqué par la mention "text-decoration:none;" car quand je l'enlève, le problème disparait. Bon et bien c'est cool, mais moi si j'avais rajouté la mention "text-decoration:none;" pour mes liens, il y avait une raison importante ! lol

Bref, dans un soucis de faire un design cohérent et compatible sur les navigateurs principaux tels que Mozilla et IE, je vous demande de l'aide. En faite, j'aimerai surtout savoir si le problème est connu ?

Merci.
Administrateur
Bonjour et bienvenue, Smiley smile

est-ce que tu aurais un exemple en ligne où ce bug serait présent? Idéalement un exemple le plus simple possible ou bien à défaut colle ton code HTML et CSS ici (après avoir enlevé tout ce qui n'a pas de rapport)

Entre les font-weight: bold; et le whitespace autour d'une image insérée dans le code HTML, ce ne sont pas les raisons qui manquent Smiley ravi

EDIT: quelle version de Firefox? Fx 2.0.0.12 sous WinXP ou bien une autre?
Modifié par Felipe (02 Mar 2008 - 14:33)
Bonjour et merci de bien vouloir m'aider !

Bon, je commence à croire que ce problème vient de mon design, car j'ai essayé de recréer les même conditions et pas de bug... lol Donc, je vous fournit une version allégée afin de vous montrer le bug : http://kyloo.com/veille2/index.htm .

Donc, une fois que vous avez donné le focus à la page, passez votre souris sur le logo "Veille2.fr" ou sur l'autre "Veille2.fr utilise...", vous allez remarquer un décalage à gauche d'une pixel ! Ce phénomène n'a lieu aussi que lorsqu'il y a la scrollbar sur le coté !

Mon navigateur est la toute dernière version de Mozilla Firefox, je suis sous Windows Vista Home prenium.

Cordialement.
Bonjour,

Alors, je viens de trouver la raison ! C'est pas génial de la part de Mozilla d'ailleurs ! La police de mon écran dans windows est réglée sur 110% et apparemment c'est sa qui créait des bugs d'affichages !

Cordialement.