Discussion :

[camboui]

Code :

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

1
2
3
4
<div style="width:250;border:1 solid red">
<p style="padding-left:10pt;text-indent:-10pt"><span>monsieur tartenpion est ici aujourd'hui <b>john roberts</b></span>
<span style="text-align:right">0123456789</span></p>
</div>

Ce petit bout de code est un essai. Le but est de placer le 2ème "span" en fin de ligne alors que le tout se trouve dans un même paragraphe.
En d'autres termes, je souhaite séparer le mot "roberts" du nombre "0123456789" jusqu'à repousser ce dernier au plus loin à droite.
En espérant m'être fait comprendre, merci pour votre aide.

PS: L'utilisation d'une table qui consiste à placer le texte dans deux cellules n'est pas une solution. Si le texte contient plusieures lignes, il doit bien sûr utiliser toute la largeur disponible sur les premières lignes.

[spirou]

Salut !!

Code :

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

span{float: right}

Pourquoi un text-indent négatif ?

[camboui]

Salut !!

Code :

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

span{float: right}

Marche pas tout à fait comme voulu: il affiche ".23456789" au lieu de "0123456789" (? ?) et une ligne en dessous du reste.

Pourquoi un text-indent négatif ?

Pour décaler la première ligne à gauche par rapport au reste du paragraphe.

[spirou]

C'est normal que ton span soit tronqué, il hérite du text-indent de ton paragraphe, donc annule le en mettant :

Code :

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

1
2
3
4
 
span{
text-indent: 0;
}

[camboui]

Merci.

Mais un dernier problème subsiste: je voudrais que le texte aligné à droite reste sur la dernière ligne du paragraphe, or il vient une ligne en dessous.

[francis m]

va voir http://www.developpez.net/forums/vie...56c4ff1e04512c qui devrait répondre à tes questions