CSS et petit points

[sim100]

Bonjour
Je voudrais faire une ligne horizontale de petits points
Donc j'ai dans mon CSS

.bottom_line_menugauche { BORDER-BOTTOM: #000000 1px dotted;}

Mais ça me fait sous ie des petits tirets

Une idées?

Merci

[srappaille]

Bonjour,

Et avec ceci ?

CSS :

Code: Tout sélectionner

.pointilles{
border-bottom-style: dotted;
border-bottom-color: red;
border-bottom-width:thin;
}

HTML :

Code: Tout sélectionner

<p class="pointilles">Texte</p>

[moktoipas]

Sous ie, le rendu des petit point est catastrophique, c'est pas nouveau et ca changera pas avanr IE 7 (si ca change )

[thegwil]

Sous ie, le rendu des petit point est catastrophique, c'est pas nouveau et ca changera pas avanr IE 7 (si ca change )

Effectivement, IE, "superbement" développé par des anglophones, est incapable de faire la distinction entre dotted (pointillés) et dashed (tirets).

Une solution pour toi, serait de faire une image de 1x2px et de la mettre en background repeat-x de l'élément que tu veux souligner

[mattcobalta]

Deux techniques que j'utilise sont l'utilisation d'une image 2x2px en bg ou du pur css mais instable.
Le rendu de la première technique est parfait , même pour les bords des cadres (le 2x2px au lieu du 1x2px sert à ça).