Bonjour,
Je voudrais avoir un peu d'aide svp et savoir s'il est possible que ma div #decoration se redimensionne automatiquement en prenant l'espace restant de la div conteneur #content_title, sachant que ma div #decoration ne contient rien du tout à part une image de fond.
Je ne peux pas fixer les tailles de #title et #decoration car le texte contenu dans #title change.
Et si quelqu'un à une idée de disposition je suis preneur.
Css:
Code :
- #content_title{
- width:500px;
- height:45px;
- }
- #content_title #title{
- float:left;
- font-size:2.5em;
- font-weight:bold;
- font-familly:Verdana,Arial;
- color:#ffffff;
- margin-left:10px;
- height:45px;
- background-color:#cccccc;
- }
- #content_title #decoration{
- float:left;
- width:auto;
- height:45px;
- background:#cccccc url('trait.gif') no-repeat 20px center;
- }
|
Html:
Code :
- <div id="content_title"><div id="title">Title</div><div id="decoration"> </div></div>
|
Je voudrais obtenir quelque chose comme cela :
Titre ____________________________
Le trait étant un background dans une div qui doit se redimensionner automatiquement.
D'avance merci.
Message édité par adrien971 le 27-07-2009 à 17:00:11
