problème incompatibilité 1 pix dotted avec I.E

[flux37]

Bonjour,

j'ia fait un menu avec border bottom en 1 px dotted...

border-bottom: 1px #696969 dotted;

et me suis rendue compte que sous I.E, le 1 pix n'était pas respecté.. d'ou cela vient -il et est-ce je peux arrneger ça..

Si ça n'est pas le cas , est-ce que je peux insérer un filet imageen haut et en bas.. En d'autres terme faire une chose de ce genre..

border-bottom: url(images/filet.gif);  

??

merci bcp à celui ou celle qui saura m'aider...

[TheRec]

Bonsoir,

effectivement, la valeur "dotted" pour les bordures n'est pas supporté correctement par Internet Explorer (sauf erreur c'est corrigé dans les version Beta de IE7)...la bordure est simplement la même qu'avec la valeur "dashed"...ce qui peut être inestétique je te l'accorde..

Tu as effectivement la possibilité d'utiliser une image (un GIF fera tout à fait l'affaire) (2px de large, 1 de al couleur de ta bordure, l'autre transparent) mais tu ne peux pas l'affecter à l'attribut "border-bottom:", il faut utiliser l'attirbut "background:" et cela donnerait quelque chose dans le genre :

background: url('images/dotted_h.gif') left top repeat-x;

L'inconvénient est que tu n'aura pas la possibilité de définir plusieurs images d'arrière-plan pour le même élément...donc à moins de modifier ton code HTML cela te limite à une bordure...

Bien entendu si tu veux des bordures sur les côté il te faudra une autre image haute de 2px cette fois...

Personnellement, je ne me donne pas cette peine, je laisse la bordure en dotted (mais c'est peut être pour punir les utilisateurs d'Internet Explorer... non je rigole, j'évite juste "dotted" lors que c'est possible...sinon j'utilise cette méthode)

[flux37]

Merci pour ta réponse ,

Je vais donc essayer ça ! et éviterai tout comme toi le dotted à l'avenir...

[Dudu]

Bonjour

Si  ça n'est pas le cas , est-ce que je peux insérer un  filet image en haut et en bas.. En d'autres terme faire une chose de ce genre..

D'éminents spécialistes ont déjà pensé à la même chose

C'est notamment le cas d'Adam Kasley, qui a d'ailleurs publié un article très intéressant à ce sujet sur son blog: CSS dotted borders in Internet Explorer.

Pour ma part, je rejoins un peu TheRec (mais sans rigoler): si je veux vraiment une bordure pointillée et que je doive passer trop de temps à "hacker" IE pour ce faire: je laisse tomber.

À ce jour, il est encore important (malheureusement) de devoir supporter IE, car sa côte de popularité reste encore trop haute, même si elle descend.. mais j'avoue n'y prêter attention que si la mise en page est complètement destructurée: si c'est juste un "dotted" qui en tranforme en "dashed" et bien.. tant pis, il n'y a pas mort d'homme

Après, c'est une question de choix personnel