28220 sujets

CSS et mise en forme, CSS3

http://www.rpgamers-fr.com/rpgamers3

Arh, j'ai réussi à faire quelque chose de propre jusque là, mais malheureusement, la version IE me rajoute 1 pixel sous chaque <li> (ou chaque image, j'ai l'impression).

La haine...
Je n'arrive vraiment pas à trouver ce qui ne va pas, hormis ça, j'ai un super menu.. :'(
il est très bien sosu IE aussi, ton menu !

Franchement, est-ce que ça vaut la peine de se tracasser ?

De toutes façons, à partir du moment où tu fais une page un tant soit peu complexe, il y a toujours un pixel qui traîne quelque part, entre IE & Firefox ou les autres ... Smiley biggrin
Ca me gênerai pas si je pouvais recentrer en conséquence, mais là ça fait que mes images ne sont plus au centre de leur <li>...
Je suis peut-être pointilleux, mais je suis quand même malheureux de savoir que mon design n'est pas au point sur le navigateur le plus utilisé au monde... :'(
Modifié par Nigel (13 Oct 2005 - 11:08)
Bonjour,

Ce décalage mineur est généré par un problème de haslayout : les liens contenus dans les éléments li étant dotés de layout (ils sont dimensionnés), les li doivent également l'être pour éviter l'apparition d'espaces excédentaires. Ajouter par exemple un zoom:1, ou une dimension fictive pour ces éléments li dans une CSS en commentaires conditionnels (voir FAQ du forum et http://test.blog-and-blues.org/haslayout/tests/list2.html )

Cela dit, cette page devrait d'abord corriger un très gros problèmes d'accessibilité et d'interopérabilité lié à l'utilisation d'images sans équivalent textuels.
Modifié par Laurent Denis (13 Oct 2005 - 12:25)
*transpire, essouflé*
Heu heu heu...
Smiley bawling
Bon, je relis parce que là je parle pas encore le language ! ;D


[Edit: Aaaah ! Ok, il suffit d'ajouter une largeur définie aux <li> !
Merci beaucoup Laurent !
Pour les alt, pas de soucis, je ferais une grosse vérif une fois la page finie.]
Modifié par Nigel (13 Oct 2005 - 14:44)
http://www.rpgamers-fr.com/rpgamers3
(vous occupez pas du centre, c'est en travaux)

Bon ca s'arrange, mais il y a encore 1px de trop à chaque <li> supplémentaire (après le premier li quoi...), je vois pas... O_o
Voyez par exemple "Roms" est bien, mais pas "traductions" ni "emulateurs". C'est dingue...


C'est pas comme si c'était flagrant m'enfin... J'aimerai bien savoir pourquoi ça me fait ça. xO
Surtout que pas de soucis sur le premier <li>. Strange !!
Modifié par Nigel (13 Oct 2005 - 16:02)