Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème de positionnement

    21 juin 2006 à 2:29:07

    Bonsoir, je suis entrain de réaliser le design d'un site et j'ai quelque problème

    j'aimerais que a gauche j'ai le menu, au center les news et classement et a droit l'autre menu.

    Mais tout est décalé en escalié.

    Pour vous montrer voici l'addresse: http://michapower68.free.fr/ et cliquer sur le dossier micheva

    je vous donne le css aussi:


    body
    {
       width: 760px; /*largeur de la page*/
       margin: auto; /* centre la page */
       margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
       margin-bottom: 20px;/* Pour éviter de coller avec le bas de la fenêtre du navigateur */
    }
       
    a
    {
    text-decoration: none;
    }

    ul
    {
    padding: 0px;
    margin: 0px;
    }

    /*_____header_____*/

    #header
    {

       width: 760px;
       height: 100px;
       border: 2px solid black;
       background-image: url("images/");
       margin-bottom: 5px;
    }

    .logo
    {
       width: 150px;
       height: 70px;
       border: 2px solid black;
       float: left;
       margin-top: 12px;
       margin-left: 20px;
       background-image: url("images/");
       background-repeat: no-repeat;
    }

    .google
    {
       width: 460px;
       height: 76px;
       border: 2px solid black;
       float: right;
       margin-top: 12px;
       margin-right: 20px;
    }

    /*____onglets supérieurs____*/

    #onglets_superieurs
    {

       width: 760px;
       height: 20px;
       border: 2px solid black;
       margin-bottom: 10px;
    }

    .onglets, .onglets_decalage
    {
       width: 105px;
       height: 16px;
       float: left;
       border: 2px solid black;
       margin-left: 2px;
       text-align: center;
    }

    .onglets_decalage
    {
       margin-left: 23px;
    }

    /*____menu gauche_____*/

    #menu1
    {

       width: 125px;
       height: 20px; /*mettre une valeur quelconque, permet juste de pouvoir utiliser la fonction padding en dessous*/
       border: 2px solid black;
       padding-bottom: 10px;
       margin-bottom: 20px;
       margin-right: 10px;
    }

    .titre
    {
       width: 125px;
       border-bottom: 2px solid black;
       text-align: center;
       margin-bottom: 10px;
    }

    .lien_menu
    {
       width: 125px;
       list-style-type: none;
       text-align: center;
    }


    #menu2
    {

       width: 125px;
       height: 20px; /*mettre une valeur quelconque, permet juste de pouvoir utiliser la fonction padding en dessous*/
       border: 2px solid black;
       padding-bottom: 10px;
       margin-right: 10px;
       clear: both;
    }

    /*____corps_____*/

    #corps
    {

      width: 250px;
      height: 400px;
      border: 2px solid black;
      margin-left: 200px;
    }

    .news
    {
       border: 2px solid black;
    }

    .classement
    {
       border: 2px solid black;
    }


    /*____menu droit____*/

    #menu_droit
    {

       float: both;
       float: right;
       border: 2px solid black;
       margin-left: 15px;
       width: 120px;
    }

    .sport24
    {
       border: 2px solid black;
    }

    .pub
    {
       border: 2px solid black;
    }

    /*____footer____*/

    #footer
    {

       margin-top: 10px;
       border: 2px solid black;
    }


    Merci beaucoup de votre aide.
    • Partager sur Facebook
    • Partager sur Twitter

    Problème de positionnement

    × 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