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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Image adapté a un div et son contenu

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Image adapté a un div et son contenu

n°2155439
mentosoc
Posté le 03-09-2012 à 20:03:37  profilanswer
 

Bonjour, j'ai un soucis, j'ai un titre contenant du texte, avec un fond, et une image sur la droite
http://image.noelshack.com/minis/2012/36/1346694882-titre.png
 
J'aimerais que l'image s'adapte au texte (variable), j'ai essayé avec une table, mais rien.
 
Le code:

Code :
  1. <table class="titregl" CELLPADDING="0" CELLSPACING="0">
  2.    <tr><td>
  3.     <h1 class="titre" id="critere">
  4.      '.$aff_titre.'
  5.     </h1>
  6.    <div class="titreimg">
  7.    <img height="100%" width="100%" style="overflow:hidden;" src="'.$dir.'/titre.png" />
  8.    </div>
  9.    </td></tr>
  10.   </table>


 
Le style:

Code :
  1. .titre {
  2. margin-top: 10px;
  3. font-size: 18px;
  4. background: #8c1f3e;
  5. position: relative;
  6. float: left;
  7. color: #fff;
  8. padding-top: 5px;
  9. padding-bottom: 5px;
  10. padding-left: 10px;
  11. width: 591px;
  12. border: none;
  13. }
  14. .titregl {
  15. width:800px;
  16. position: relative;
  17. float: left;
  18. }
  19. .titreimg {
  20. float: left;
  21. position: relative;
  22. margin-top: 10px;
  23. width: 141px;
  24.  height:100%;
  25. }


 
Aidez moi s'il vous plait.


Message édité par mentosoc le 03-09-2012 à 20:50:16
mood
Publicité
Posté le 03-09-2012 à 20:03:37  profilanswer
 

n°2155483
egege
Posté le 04-09-2012 à 11:25:15  profilanswer
 

Si j'ai bien compris tu as un titre qui a un fond uni et une image sur la droite c'est bien ça ?
 
Si oui il te suffit d'utiliser la propriété background en css
 
h1{background: #tacouleurdefond url('tonimage.jpg') no-repeat right;}
 
Du coup il ne faut pas lui donner de width fixe
 
 

n°2155489
mentosoc
Posté le 04-09-2012 à 12:00:28  profilanswer
 

C'est exactement ça, je vais faire comme tu m'as conseillé, merci de ta réponse!


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

  Image adapté a un div et son contenu

 

Sujets relatifs
Régler contenu d'une iframe fixeJquery - Copier contenu Span dans TextArea
Comment modifier le contenu de mon tableau ? :)Incorporer une image "cliquable" avec du CSS
Barre de navigation non adapté aux navigateur ?Télécharger images dont liens contenu dans fichier txt ou autre
Problème Slider image qui bugProblème de mise en place d'image en bouton submit
transmettre valeur à une image PHPafficher le contenu d'une colonne
Plus de sujets relatifs à : Image adapté a un div et son contenu


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