Partage
  • Partager sur Facebook
  • Partager sur Twitter

[CSS]problème d'imbrication de div

affichage d'images de fond

Sujet résolu
    16 décembre 2005 à 19:08:46

    Salut
    je suis en train de faire un design pour un site et j'ai un petit souci avec mes div
    Voici un schéma de ce que ça devrait donner :
    Image utilisateur
    J'ai donc créé
    -un div qui contient tout
    -un div bannière
    -un div menu rapide
    -un div "menus+corps"
    -un div menu (+div "haut" et "bas")
    -deux div element_menu (+div "haut" et "bas")
    -un div corps
    -un div pub

    et voilà mon code
    body
    {
    background-color: #c8d3d9;
    width: 95%;
    height: 95%;
    margin: auto;
    margin-top: 20px;
    }

    #tout
    {

    width: 724px;
    margin: auto;
    }

    #banniere
    {

    width: 724px;
    height: 93px;
    background-image: url(design/banniere.png);
    }



    #fastmenu
    {

    background-image: url(design/fastmenu.jpg);
    background-repeat: no-repeat;
    width: 724px;
    margin: auto;
    padding-left: 15px;
    }


    #menucorps
    {

    width: 724px;
    background-image: url(design/fond.jpg);
    }


    #menu
    {

    float: left;
    width: 118px;
    }


    .haut_menu
    {
    width: 118px;
    background-image: url(design/haut_menu.jpg);
    background-repeat: no-repeat;
    }

    .element_menu
    {
    width: 118px;
    background-image: url(design/image_menu.jpg);
    background-repeat: repeat-y;
    }

    .bas_menu
    {
    width: 118px;
    background-image: url(design/bas_menu.jpg);
    background-repeat: no-repeat;
    }

    #haut
    {

    background-image: url(design/haut_bg.jpg);
    background-repeat: no-repeat;
    float: right;
    width: 586px;
    height: 22px;
    }


    #corps
    {

    width: 586px;
    background-image: url(design/background.jpg);
    background-repeat: repeat-y;
    float: right;
    }

    #corps p
    {
    margin-left: 25px;
    }

    #bas
    {

    background-image: url(design/bas_bg.jpg);
    background-repeat: no-repeat;
    float: right;
    width: 586px;
    height: 22px;
    }


    et voilà mon problème :
    la background-image du div #menucorps ne s'affiche pas
    ni d'ailleurs .haut_menu et .bas_menu (oui oui j'ai bien mis une class et pas un id dans le code html)
    Vous avez une idée ??
    merci beaucoup

    P.S. là je dois partir, je regarderai vos réponses, et testerai tout ça en rentrant...
    merci
    • Partager sur Facebook
    • Partager sur Twitter
      16 décembre 2005 à 19:11:29

      Bein vérifie tes liens relatifs et essaie avec des guillemets dans la parenthèse :

      background-image: url("design/fond.jpg");
      • Partager sur Facebook
      • Partager sur Twitter

      [CSS]problème d'imbrication de div

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown