div, image de fond et texte

div, image de fond et texte - HTML/CSS - Programmation

Marsh Posté le 25-06-2005 à 14:14:44    

salut salut
 
voila j'ai un petit souci, j'ai crée un cadre div avec a l'interieur un div avec image de fond répété  
 
mon code css

Code :
  1. #conteneur
  2. {
  3. margin:inherit;
  4. text-align: center ;
  5. border: 3px solid #000000 ;
  6. background-color:#DD59A5 ;
  7. z-index:1;
  8. float:left;
  9. font-size:12px;
  10. color:#FFFFFF;
  11. }
  12. #centre
  13. {
  14. margin-left:20px;
  15. float:left;
  16. text-align:center;
  17. background-color:#DD59A5;
  18. width:70%;
  19. color:#FFFFFF;
  20. }
  21. .cadre
  22. {
  23. border-bottom: 1px solid #9B9BFF ;
  24. border-left: 1px solid #9B9BFF ;
  25. border-right: 1px solid #9B9BFF ;
  26. border-top: 1px solid #9B9BFF ;
  27. background-image:url(h2.gif);
  28. background-repeat:repeat-x;
  29. margin-left:10px;
  30. margin-right:10px;
  31. margin-top:10px;
  32. text-align:center;
  33. z-index:2;
  34. }
  35. .cadre .titre
  36. {
  37. padding-bottom:10px;
  38. text-align:center;
  39. font-weight:600;
  40. color:#FF33FF;
  41. z-index:1;
  42. }


 
le probleme c'est ce que je met dans le div titre, le texte s'affiche en dessous de h2.gif...
 
que faire?
merci :)

Reply

Marsh Posté le 25-06-2005 à 14:14:44   

Reply

Marsh Posté le 25-06-2005 à 14:15:48    

et le code HTML ?

Reply

Marsh Posté le 25-06-2005 à 19:36:43    

bah des div id pour les conteneur et centre et des div class cadre et class titre tout simplement

Code :
  1. <div class="cadre">
  2.   <div class="titre">Menu</div>
  3. </div>


 
 
mais il est bien plus compliqué le code mais j'peux pas tout mettre...
 
et cela fait sa que sous internet explorer ! :s


Message édité par Bluntch le 25-06-2005 à 19:52:18
Reply

Marsh Posté le 25-06-2005 à 20:05:29    

Bluntch a écrit :

bah des div id pour les conteneur et centre et des div class cadre et class titre tout simplement

Code :
  1. <div class="cadre">
  2.   <div class="titre">Menu</div>
  3. </div>


 
 
mais il est bien plus compliqué le code mais j'peux pas tout mettre...
 
et cela fait sa que sous internet explorer ! :s


<div class="titre">


chez moi on utilise <h1>, <h2>, <h3> ou <h4>. Ou même <h5> ou <h6> si les autres sont déjà pris [:klem3i1]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 26-06-2005 à 13:45:30    

le div titre c'est pour kil soit supperposé sur l'image h2

Reply

Marsh Posté le 26-06-2005 à 14:07:35    

Bluntch a écrit :

le div titre c'est pour kil soit supperposé sur l'image h2


Il dit qu'il voit pas le rapport [:klem3i1]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 26-06-2005 à 18:17:25    

bah a se momen la j'arrive pas a l'utilisé.... si je remplace .cadre .titre par .cadre h1  et je laisse pareil sa fai un vieu titre en dessous :) un peu d'aide? :)

Reply

Marsh Posté le 26-06-2005 à 18:31:46    

url page? [:dawa]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed