CSS - Trait prenant la place restant apres un texte

Marsh Posté le 10-01-2013 à 10:56:06

onjour à tous,

Je vous expose mon problème.
Je souhaite créer un trait vertical après un texte.
Ce texte peut être de taille variable.

J'ai donc tenté en modifiant la balise HR, ça fonctionne mais les problèmes de zoom font qu'elle peut par moment disparaitre.

J'ai donc créé un balise p de classe X. Cette balise vient après une balise span contenant mon texte et qui est en width:auto.

A ma balise P j'ai associé le CSS suivant :

Citation :

.X {
background: url("../images/px_barre.png" ) repeat-x scroll 0 0 transparent;
height: 4px;
margin: 0;
float: left
}

J'ai testé d'y coller un float right, un width:auto... je n'arrive pas à ce qu'elle vienne se coller contre mon span contenant le texte et prendre toute la place restante.
Je répète que mon texte est de taille variable donc je ne peux mettre un width de X%.

Le but étant d'obtenir quelque chose dans le style (avec la barre centré verticalement:

Mon texte __________________

Merci pour votre aide. :jap:

Marsh Posté le 10-01-2013 à 10:56:06

Marsh Posté le 11-01-2013 à 06:56:00

Code :

.X {
background: url("../images/px_barre.png" ) repeat-x scroll 0 0 transparent;
height: 4px;
margin: 0;
display:block;
overflow:hidden;
zoom:1;
}

context de formatage powaaa

---------------
Blablaté par Harko

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *