Série de points jusqu'à la fin de de la cellule

**Joe Le Mort** · 29/09/2006, 09h21

bonjour, je souhaite faire comme cette image, c'est-a-dire faire des points jusqu'a la fin de la cellule.
il y a 2 cellules a chaque lignes : 1 pour le texte et l'autre pour la checkbox.

je vous laisse l'image pour comprendre :

merci de votre aide !

**blueice** · 29/09/2006, 09h35

Tu alignes à droite et tu rajoutes des points.

**Joe Le Mort** · 29/09/2006, 09h48

Envoyé par blueice

Tu alignes à droite et tu rajoutes des points.

Je suis donc obligé de le faire manuellement (trouver le nombre de points idéal ??)

**Joe Le Mort** · 29/09/2006, 14h31

Quelqu'un aurait une solution a ma requete ?

**trotters213** · 29/09/2006, 14h45

en utilisant des images au lieu de mettre un texte et des points

**Joe Le Mort** · 29/09/2006, 15h11

Envoyé par trotters213

en utilisant des images au lieu de mettre un texte et des points

ma question c'est COMMENT... je ne veux pas utiliser d'images, mais de point.

**blueice** · 29/09/2006, 15h38

C'est impossible !

**Candygirl** · 29/09/2006, 20h06

Envoyé par Joe Le Mort

ma question c'est COMMENT... je ne veux pas utiliser d'images, mais de point.

Apparemment tes points sont purement décoratifs, donc pourquoi ne pas utiliser une image de fond (pas pour le texte mais juste les points) ?

Autrement peut-être une idée avec un border dotted ou alors avec des points et un overflow:hidden pour ne pas se prendre la tête avec le nb de points:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
* {margin:0;padding:0;}
 
#test1 {width:280px; list-style-type:none; text-align:right; padding-right:20px; margin-bottom:50px;}
#test1 li {clear:both; border-bottom:#999999 dotted 2px;}
#test1 label {float:left; background-color:#FFFFFF; padding-right:3px;}
#test1 input {margin-bottom:1px; left:20px;}
#test1 input,#test1 label {position:relative;top:6px;}
 
 
#test2 label {width:250px; overflow:hidden; white-space:nowrap; float:left;}
-->
</style>
</head>
 
<body>
<ul id="test1">
<li><label> dg dg sdfsdf</label><input type="checkbox" /></li>
<li><label>sdfsdg  dgdf</label><input type="checkbox" /></li>
<li><label>sdfs dg fddf</label><input type="checkbox" /></li>
<li><label>sddf</label><input type="checkbox" /></li>
</ul>
 
<ul id="test2">
<li><label> dg dg sdfsdf.......................................................................</label><input type="checkbox" /></li>
<li><label>sdfsdg  dgdf.......................................................................</label><input type="checkbox" /></li>
<li><label>sdfs dg fddf.......................................................................</label><input type="checkbox" /></li>
<li><label>sddf.......................................................................</label><input type="checkbox" /></li>
</ul>
</body>
</html>

**nicocsgamer** · 29/09/2006, 20h11

Envoyé par trotters213

en utilisant des images au lieu de mettre un texte et des points

Bonne idée. Tu met un point en image. Tu met cette image en fond de l'espace entre le texte et la case et tu met un repeat-x.

Série de points jusqu'à la fin de de la cellule

HTML

Discussions similaires

Partager

Partager