Discussion :

[mat_elot]

Bonjour à 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 :

Code css :

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

1
2
3
4
5
6
7
 
.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.

[mat_elot]

Pour ceux que ca intéresseraient la solution que j'ai trouvé ne permet pas d'automatiser la taille de la balise contenant l'image-trait en background.

il suffit de creer un div contenant le bck et de mettre par dessus un span par exemple, avec un background-color et contenant le texte.

[Muchos]

Autre solution proposée par Raphael Goetter.