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

Version imprimable

29/09/2006, 09h21
Joe Le Mort

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

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 :
http://img215.imageshack.us/img215/3517/dottabzy9.gif

merci de votre aide !
29/09/2006, 09h35
blueice

Tu alignes à droite et tu rajoutes des points.
29/09/2006, 09h48
Joe Le Mort

Citation:

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 ??)
29/09/2006, 14h31
Joe Le Mort

Quelqu'un aurait une solution a ma requete ?
29/09/2006, 14h45
trotters213

:salut:
en utilisant des images au lieu de mettre un texte et des points
29/09/2006, 15h11
Joe Le Mort

Citation:

Envoyé par trotters213

:salut:
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.
29/09/2006, 15h38
blueice

C'est impossible !

Citation:

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:

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>

29/09/2006, 20h11
nicocsgamer

Citation:

Envoyé par trotters213

:salut:
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.