Bonjour, j'ai un soucis, j'ai un titre contenant du texte, avec un fond, et une image sur la droite
J'aimerais que l'image s'adapte au texte (variable), j'ai essayé avec une table, mais rien.
Le code:
Code :
- <table class="titregl" CELLPADDING="0" CELLSPACING="0">
- <tr><td>
- <h1 class="titre" id="critere">
- '.$aff_titre.'
- </h1>
- <div class="titreimg">
- <img height="100%" width="100%" style="overflow:hidden;" src="'.$dir.'/titre.png" />
- </div>
- </td></tr>
- </table>
|
Le style:
Code :
- .titre {
- margin-top: 10px;
- font-size: 18px;
- background: #8c1f3e;
- position: relative;
- float: left;
- color: #fff;
- padding-top: 5px;
- padding-bottom: 5px;
- padding-left: 10px;
- width: 591px;
- border: none;
- }
- .titregl {
- width:800px;
- position: relative;
- float: left;
- }
- .titreimg {
- float: left;
- position: relative;
- margin-top: 10px;
- width: 141px;
- height:100%;
- }
|
Aidez moi s'il vous plait.
Message édité par mentosoc le 03-09-2012 à 20:50:16