Se connecter / S'enregistrer
Votre question

Petit problème de background

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
28 Février 2008 01:15:04

Salut,

Alors voilà j'ai un petit problème que je n'arrive pas a résoudre...
J'ai dans mon html ceci:

  1. <div id="contenu">
  2.  
  3. <div id="nav_haut">
  4.  
  5. <h1>Navigation</h1>
  6.  
  7. <ul>
  8. <li><a href="#">Test</a></li>
  9. <li><a href="#">Test</a></li>
  10. <li><a href="#">Test</a></li>
  11. </ul>
  12. </div>
  13.  
  14. </div>


Et dans mon css ceci:

  1. #contenu {
  2.  
  3. background: url(images/contenu.jpg) repeat-y;
  4. padding-left: 20px;
  5. }
  6.  
  7. #nav_haut {
  8.  
  9. background: url(images/menu.jpg) no-repeat;
  10. margin: 0;
  11. padding: 5px;
  12. width: 150px;
  13. height: 40px;
  14. }
  15.  
  16. #nav_haut h1 {
  17.  
  18. font-size: 18px;
  19. color: grey;
  20. padding-left: 15px;
  21. }
  22.  
  23. #nav_haut a {
  24.  
  25. color: #6ca8e4;
  26. text-decoration: none;
  27. padding-left: 15px;
  28. }
  29.  
  30. #nav_haut a:hover {
  31.  
  32. text-decoration: none;
  33. color: #000000;
  34. }


Le problème c'est que le background de la div contenu ne se répete pas... alors qu'il devrait! Je comprend pas pourquoi...

Autres pages sur : petit probleme background

28 Février 2008 01:31:23

La répétition du background doit être en réalité un autre "attribut" de ton style.
  1. background-repeat : repeat-y;
29 Février 2008 15:49:52

et normalement si tu met
  1. background-image : url(images/contenu.jpg);
, ça marche.
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS