Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1225 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS - Trait prenant la place restant apres un texte

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS - Trait prenant la place restant apres un texte

n°2170559
mat_elot
Posté le 10-01-2013 à 10:56:06  profilanswer
 

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:

mood
Publicité
Posté le 10-01-2013 à 10:56:06  profilanswer
 

n°2170675
gatsu35
Blablaté par Harko
Posté le 11-01-2013 à 06:56:00  profilanswer
 

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


context de formatage powaaa


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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS - Trait prenant la place restant apres un texte

 

Sujets relatifs
Variable de type texte AccessAutomatisation de "remplacement" String texte - code
JAVA(traduction d'un fichier texte en morse)Aide CSS - encadrement
CSS et tableaux multiplesFichier texte trop volumineux/ extraire certaines données vers excel
Remplacer une partie de texte par une autre dans un fichier texteInsérer TEXTE sur IMAGE dans SLIDESHOW (wordpress)
Spliter un fichier TEXTE (couper en 2)besoin d'aide kit graph. espace texte impossible
Plus de sujets relatifs à : CSS - Trait prenant la place restant apres un texte


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR