Partage
  • Partager sur Facebook
  • Partager sur Twitter

Design ne veut pas se centrer !

kev1
    10 avril 2006 à 19:27:58

    Bonjour,

    Quelqu'un aurait-il une idée ?

    Voilà les codes :

    <body>

    <div id="conteneur">

    <div id="header"></div>

    <div id="menu_reste"></div>

    <div id="menu_right">
            <div id="accueil"></div>
            <div id="valeurs"></div>
            <div id="investir"></div>
            <div id="contact"></div>

            <div id="menu_bottom"></div>
    </div>

    <div id="corps">
            <div id="top_middle"></div>
            <div id="middle_middle"></div>
            <div id="bottom_middle"></div>
    </div>

    <div id="droite">
            <div id="menu_droite"></div>
            <div id="menu_arbre"></div>
    </div>

    <div id="bottom"></div>

    </div>

    </body>



    body
    {
            background: #f1efe5;
    }

    #conteneur
    {
            margin: 0 auto 0 auto;
            margin-left: 8px;
    }

    #header
    {
            background: url('images/header.jpg') no-repeat;
            width: 787px;
            height: 202px;
    }

    #menu_reste
    {
            background: url('images/menu_reste.jpg') no-repeat;
            width: 457px;
            height: 46px;
            float: left;
    }

    #menu_right
    {
            float: left;
    }

    #accueil
    {
            background: url('images/accueil.jpg') no-repeat;
            width: 87px;
            height: 27px;
            float: left;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
    }

    #valeurs
    {
            background: url('images/valeurs.jpg') no-repeat;
            width: 79px;
            height: 27px;
            float: left;
            margin: 0 0 0 -7px;
    }

    #investir
    {
            background: url('images/investir.jpg') no-repeat;
            width: 80px;
            height: 27px;
            float: left;
    }

    #contact
    {
            background: url('images/contact.jpg') no-repeat;
            width: 91px;
            height: 27px;
            float: left;
    }

    #menu_bottom
    {
            background: url('images/menu_bottom.jpg') no-repeat;
            width: 330px;
            height: 19px;
            clear: both;
    }

    #corps
    {
            margin: 0 0 0 0;
            float: left;
    }

    #top_middle
    {
            background: url('images/top_middle.jpg') no-repeat;
            width: 539px;
            height: 28px;
    }

    #middle_middle
    {
            background: url('images/middle_middle.jpg') no-repeat;
            width: 539px;
            height: 260px;
    }

    #bottom_middle
    {
            background: url('images/bottom_middle.jpg') no-repeat;
            width: 539px;
            height: 33px;
    }

    #droite
    {
            float: left;
    }

    #menu_droite
    {
            background: url('images/menu_droite.jpg') repeat-y;
            width: 248px;
            height: 209px;
            margin: 0 0 0 0;
    }

    #menu_arbre
    {
            background: url('images/menu_arbre.jpg') repeat-y;
            width: 274px;
            height: 112px;
            margin: 0 0 0 0;
    }

    #bottom
    {
            background: url('images/bottom.jpg') no-repeat;
            width: 783px;
            height: 50px;
            clear: both;
    }


    Et voici un aperçu.

    Merci.
    • Partager sur Facebook
    • Partager sur Twitter
    pascall
      11 avril 2006 à 20:45:19

      bonsoir
      pourquoi cela ?
      <div id="menu_right">
              <div id="accueil"></div>
              <div id="valeurs"></div>
              <div id="investir"></div>
              <div id="contact"></div>

      des <li> auraient été mieux
      de plus je trouve que tu as beaucoup de div

      voilà ce que j'ai fait
      body
      {
              background: #f1efe5;
      }

      #conteneur
      {
              margin:auto;
              margin-left: 8px;
                     
                      width: 787px;
                      background: #2b7986;
      }

      #header
      {
              background: url('images/header.jpg') no-repeat;
              width: 787px;
              height: 202px;
                      border:1px solid black;
      }

      #menu_reste
      {
              background: #9d92d4;
              width: 457px;
              height: 46px;
              float: left;
             
      }

      #menu_right
      {
              float: right;
                     
                      background: #9d9286;
      }

      #accueil
      {
              background: url('images/accueil.jpg') no-repeat;
              width: 87px;
              height: 27px;
              float: left;
              margin: 0 0 0 0;
              padding: 0 0 0 0;
      }

      #valeurs
      {
              background: url('images/valeurs.jpg') no-repeat;
              width: 79px;
              height: 27px;
              float: left;
              margin: 0 0 0 -7px;
      }

      #investir
      {
              background: url('images/investir.jpg') no-repeat;
              width: 80px;
              height: 27px;
              float: left;
      }

      #contact
      {
              background: url('images/contact.jpg') no-repeat;
              width: 91px;
              height: 27px;
              float: left;
                     
      }

      #menu_bottom
      {
              background: url('images/menu_bottom.jpg') no-repeat;
              width: 320px;
              height: 19px;
              clear: both;
                      border:1px solid black;
      }

      #corps
      {
             
              float: left;
                      background: #2be945;
                      width: 539px;
      }

      #top_middle
      {
              background: url('images/top_middle.jpg') no-repeat;
              width: 539px;
              height: 28px;
      }

      #middle_middle
      {
              background: url('images/middle_middle.jpg') no-repeat;
              width: 539px;
              height: 260px;
      }

      #bottom_middle
      {
              background: url('images/bottom_middle.jpg') no-repeat;
              width: 539px;
              height: 33px;
      }



      #menu_droite
      {
              background: #9d7986 repeat-y;
              width: 245px;
              height: 209px;
             
                      float:right;
      }

      #menu_arbre
      {
              background:blue;
              width: 245px;
              height: 112px;
             
                      float:right;
                     
      }

      #bottom
      {
              background: url('images/bottom.jpg') no-repeat;
              width: 783px;
              height: 50px;
              clear: both;
      }


      <body>

      <div id="conteneur">

      <div id="header"></div>

      <div id="menu_reste"></div>

      <div id="menu_right">
              <div id="accueil"></div>
              <div id="valeurs"></div>
              <div id="investir"></div>
              <div id="contact"></div>

              <div id="menu_bottom"></div>
      </div>

      <div id="corps">
              <div id="top_middle"></div>
              <div id="middle_middle"></div>
              <div id="bottom_middle"></div>
      </div>


              <div id="menu_droite"></div>
              <div id="menu_arbre"></div>


      <div id="bottom"></div>

      </div>

      </body>


      j'ai mis des color a la place d'image en background pour visualiser. A toi de rectifier.
      j'ai retreci le menu arbre pour qu'il remonte sous menu droite. là aussi à toi de voir
      il y a peut etre quelques petits reglages à parfaire et n'oublies pas de changer ces div du menu right en li

      c'est tout ce que j'ai pu faire pour arranger la présentation (je n'ai pas tout verifié dans tes pages)
      à plus
      • Partager sur Facebook
      • Partager sur Twitter

      Design ne veut pas se centrer !

      × 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