Forum Programmation.web réaliser des points de suite...

Posté par  .
Étiquettes : aucune
0
6
sept.
2005
Hello !
Voici mon problème :
j'ai une page web dans laquelle j'ai plusieurs éléments qui ont cette structure :

<p>blablabla<span class="spacer"> </class><input type=text /></p>

Le but de la manoeuvre serait d'avoir un rendu de cette forme :

blablabla...............................................|Zone de texte|
blablablablablablabla2..................|Autre zone de texte|

Dans cet exemple, les deux zones de textes sont en float:right; par conséquent, c'est la zone remplie de points qui me pose problème. Que ce soient des points, des tirets, un espace souligné, je m'en fous. Ce qui m'importe, c'est de ne pas avoir d'espace blanc entre les deux.
Donc, pour mon span, dans le css, j'ai mis text-decoration:underline; C'est bien, ça me fais un espace souligné. De la taille d'un espace.
Ca me gave ce machin. Alors si quelqu'un a une idée, je suis preneur. Evidement, je ne veux pas intégrer les points dans le code html. Si le texte change, il faudra que je ré-écrive tout, et comme je suis informaticien (et donc feignant), je préférerai que cette zone soit remplie automatiquement. Il est probable que la structure de mon code html ne soit pas correcte, mais je ne vois pas comment faire ça autrement. Merci pour vos conseils.
  • # solutions

    Posté par  (site web personnel) . Évalué à 4.

    1. spacer avec un "background-image:" avec des "..." et une repetition horizontale

    2. spacer avec un "border-bottom: 1px dotted Black;"

    par contre avec "content:" j'entrevois une possibilité, mais j'ai pas le temps de verifier si elle fonctionne partout.

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.