Bordures et listes gérées différemments sur firefox mac ou w [résolu]

Bonsoir.

C'est mon premier passage ici et je suis impressionné par votre efficacité à résoudre des problèmes assez corsés pour certains. Bravo!

J'ai moi aussi un petit souci qui n'est pas extrème, mais quand même gênant. Je viens de finir le nouveau design de mon site: http://www.nack.ch et j'ai constaté que le menu (deux listes avec display: inline; enchassées dans un div ayant une bordure en haut et une en bas (le seul moyen que j'ai trouvé pour obtenir cet aspect)) s'affiche impeccablement sous Firefox sur un mac et sur windows, mais sur mac, quand je le survole, l'arrière plan se grise et reste dans le rectangle blanc à la base alors que sur windows, le fond semble déborder sur les lignes en haut et en bas.

Je trouve cela assez étrange, d'autant plus que sur les autres browsers comme safari, ça marche correctement. IE, on en parle même pas vu qu'il n'a pas l'air de comprendre mon hover.

Avez-vous une idée de ce que j'ai fait faux? Est-ce que j'ai fait mon menu comme il faut ou y a-t-il une façon plus propre pour le faire?

Merci d'avance pour votre aide.
Modifié par bretzelman (20 May 2005 - 22:52)

Salut à toi et soit le bienvenue sur le forum.

C'est vrai que IE ne supporte pas la propriété hover sur des éléments autres que les liens.

Pour ton soucis de recouvrement cela viens du padding (top et bottom) de 1 pixel que tu a mis sur #image-menu li. Il te suffit de le supprimer pour que tout rentre dans l'ordre.

Ou alors tu rajoute :

padding-top: 1px;
padding-bottom: 1px;

à ta classe .menu, ça depend si tu souahaite que ta barre de menu fasse 14 ou 16pixels de haut, mais ça je peux pas deviner pour toi.
Modifié par jb_gfx (18 May 2005 - 01:33)

Merci pour votre réponse rapide.

Hélàs, si j'enlève les deux paddings, les deux bordures horizontales, se retrouvent mises l'une sous l'autre, comme si le contenu n'avait aucune taille.

Du coup, j'ai pécifier une hauteur de 14px, qui marche bien sur firefox windows mais me donne un décalage d'un voire deux pixels créant un vide entre mes tableaux et la deuxième ligne horizontale.

bretzelman a écrit :

Hélàs, si j'enlève les deux paddings, les deux bordures horizontales, se retrouvent mises l'une sous l'autre, comme si le contenu n'avait aucune taille.

Bizarre, ça ne fait pas ça sur ma configuration (XP + FF 1.04).

Sinon, as tu essayé la 2 ème solution que je t'ai proposé?

tiens c'est bizarre. ca marche effectivement sans problèmes. j'ai dû modifier un autre truc en passant.

Par contre, maintenant, ca marche sur windows, mais plus sur mac. Bon c'est pas grave. dès que j'ai un peu de temps, je vais refaire le menu différemment.

Merci infiniment pour votre aide et bonne continuation.