Discussion :

[kervano]

Bonjour,

Mon site tourne sous oscommerce, et je souhaitais mettre des pointillés séparateur dans ma boxe information comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
Qui sommes nous?
Paiement sécurisé
. . . . . . . . . . . . . . . . . 
Expédition en 48H
. . . . . . . . . . . . . . . . .
Comment commander
. . . . . . . . . . . . . . . . .
Conditions de vente
. . . . . . . . . . . . . . . . .
Contactez-nous

malheuresement j'obtiens ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
Qui sommes nous?
Paiement sécurisé
...........................
Expédition en 48H
...........................
Comment commander
...........................
Conditions de vente
...........................
Contactez-nous

Pour vos donner un exemple voici un site qui a fait comme je veux faire :

http://www.babywell.fr/

Voici ce que j'ai mis dans le css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
.underline (line 19)
 
{
 
border-bottom-width: 2px;
 
border-bottom-style: dotted;
 
border-bottom-color: #7daf02;
 
}

[royto]

Le site en question utilise une image qu'il met en background sur son element.
En css, je ne crois pas qu'il soit possible de spécifier l'espacement entre les point dans le cas d'un style dotted.
Ta seule solution est une image, il me semble

[MasterOfChakhaL]

Salut,

Si tu veux une maîtrise totale sur tes pointillés. je pense qu'il va falloir que tu utilises une image.

Tu y mets un point et l'espacement qui va bien.
Ensuite tu la places en background de ton image (tu la positionnes en bas et tu la répètes sur l'axe x)