Partage
  • Partager sur Facebook
  • Partager sur Twitter

problème placement

    1 janvier 2006 à 18:13:39

    Bonsoir,

    J'ai un problème pour placer mon design :s

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
      <head>
        <title>Nouveau site de ROHFF</title>
            <link rel="stylesheet" media="screen" type="text/css" title="style de test" href="css/style3.css" />
     </head>
     <body>
     <!-- Header -->
     <div id="header"></div>
     <!-- barre central -->
     <div id="barre_central"><span class="center">Lien | Lien | Lien</span></div>
     <!-- barre gauche -->
     <div id="barre_gauche"></div>
     <!-- Menu gauche -->
     <div id="menu">
       <div class="in_menu">
         <h3>Menu</h3>
             <ol>
               <li>Accueil</li>
               <li>Accueil</li>
               <li>Accueil</li>
               <li>Accueil</li>
             </ol>
        </div>       
            <div class="in_menu">
            <h3>Menu</h3>
             <ol>
               <li>Accueil</li>
               <li>Accueil</li>
               <li>Accueil</li>
               <li>Accueil</li>
             </ol>
             </div>
             
             <!-- Corps de la page -->
             <div id="body">
             <h1>Quelques textes..</h1>
                    </div>
                    <div id="footer">
                    </div>
                    </body>
                    </html>
               
       


    et le code css
    /* Style du site */

    body{
     width:800px;
     margin:auto;
     margin-top:25px;
     margin-bottom:25px;
     background-image:url("../images/fond.gif");
     }
    #header{
    background-image:url("../images/header.gif");
    width:800px;
    height:183px;
    background-repeat:no-repeat;
    }
    #menu{
    float:left;
    width:157px;
    height:519px;
    background-image:url("../images/menu.gif");
    float:left;
    }
    #barre_central{
    background-image:url("../images/barre_central.gif");
    float:center;
    width:800px;
    height:25px;
    }
    #barre_gauche{
    background-image:url("../images/barre_gauche.gif");
    width:43px;
    height:519px;
    float:left;
    }
    #body{
    background-image:url("../images/body.gif");
    width:550px;
    height:519px;
    margin-left:157px;
    }
    #barre_droite{
    background-image:url("../images/barre_droite.gif");
    float:right;
    width:50px;
    height:519px;
    }
    #footer{
    background-image:url("../images/footer.gif");
    background-repeat:no-repeat;
    width:800px;
    height:23px;
    float:center;
    }
    .center{
    text-align:center;
    color:#FFFFFF;
    font-family:Tahoma;
    font-size:8pt;
    }


    voilà j'ai besoin d'aide svp , Merci d'avance

    Image utilisateur
    • Partager sur Facebook
    • Partager sur Twitter
      2 janvier 2006 à 0:00:38

      Salut !!

      C'est quoi réellement le problème ?
      Tu ne nous en a pas dis beaucoup en ce qui le concerne.
      • Partager sur Facebook
      • Partager sur Twitter
        2 janvier 2006 à 9:48:14

        Si ton probleme vient du corps,
        essaie d'ajouter dans ton CSS :

        #body h1
        {
           margin:0px;
        }
        • Partager sur Facebook
        • Partager sur Twitter

        problème placement

        × 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