Site corps invalide

Résolu
Bonjour,

J'ai un petit site mais je n'arrive pas a faire en sorte de différentier "le menu" et "le corp" j'ai essayer tous les codes possibles et imaginables. Je vous laisse le lien de mon site pour que vous voyez le bug. (supprimé par la modération)

Merci d'avance (pour ceux qui n'ont pas compri je voudrais le code pour que le menu soit a gauche normalement et le corps du site soit juste a la droite du menu au lieu de en dessous)

4 réponses

  1. Contributeur
    Salut

    1 : il y as enormement d erreurs sur ta page !!
    cela vient principalement des includ php qui contiennent les doctypes ,<head>,<html> et <body> + leurs fermetures ! a corriger !

    maintenant il faudrait partir sur une base saine , voila un exemple de squelette avec 2 colonnes ,une fixe a gauche pour le menu et une dynamic pour le contenu !

    <!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="en" lang="en">
      <head>
        <title>
          RAD ZONE Webcreation
        </title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <style type="text/css" media="screen">
    /*<![CDATA[*/
        <!--
        html {
          padding: 0px;
          margin: 0px;
        }
    
        body {
          background-color: #e1ddd9;
          font-size: 12px;
          font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
          color: #564b47;
          padding: 0px 20px;
          margin: 0px;
        }
    
        #menu {
          position: absolute;
          width: 200px;
          left: 20px;
          background-color: #ff99CC;
          padding: 0px;
          margin: 0px;
        }
    
        #content {
          margin-left: 200px;
          background-color: #fff;
          overflow: auto;
        }
        /* CSS POUR LA DEMO PEUT ETRE SUPPRIME  */
    
        p, pre, h2 {
          padding: 10px;
          margin: 0px;
        }
    
        h2 {
          font-size: 14px;
          padding-top: 10px;
          text-transform: uppercase;
          color: #564b47;
          background-color: transparent;
        }
    
        pre {
          color: #564b47;
          font-size: 11px;
          background-color: transparent;
          font-family: Courier, Monaco, Monospace;
        }
        /* CSS POUR LA DEMO PEUT ETRE SUPPRIME  */
        -->
        /*]]>*/
        </style>
      </head>
      <body>
        <div id="menu">
          <h2>
            colonne de gauche
          </h2>
          <pre>
    #menu {
    position: absolute;
    width: 200px;
    left: 20px;
    padding:0px;
    margin:0px
    }
    </pre>
        </div>
        <div id="content">
          <h2>
            colonne de contenu
          </h2>
          <p>
            <strong>2 colonnes / menu fixe, contenu dynamic.</strong>
            <br />
          </p>
          <pre>
    html {
    padding:0px;
    margin:0px;
    }
    body {
    background-color: #e1ddd9;
    font-size: 12px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#564b47;
    padding:0px 20px;
    margin:0px;
    }
    #content {
    margin-left: 200px;
    background-color:#fff;
    overflow: auto;
    }
    </pre>
        </div>
      </body>
    </html>
    


    A+
    1. sa ne m'aide absolument pas )': je veux juste des classes et laisser mon (aussi mal formé qu'il est) comme c'est
      1. Contributeur
        sa ne m'aide absolument pas )
        ????????? c est pourtant ce que tu demande !!!
        je cite :

        (pour ceux qui n'ont pas compri je voudrais le code pour que le menu soit a gauche normalement et le corps du site soit juste a la droite du menu au lieu de en dessous)
        


        je veux juste des classes et laisser mon (aussi mal formé qu'il est) comme c'est
        ?????

        alors pourquoi demande de l aide si tu ne veux rien changer ??? !

        encore une vedette !
        a+
        1. je veux que en dessous de menu il y ait rien c'est tout
        2. Contributeur
          Corrige d'abord tes erreurs. Une erreur à un endroit entraîne souvent une erreur à un autre endroit.

          Regarde sur le Site du Zero la propriété css float. Il explique comment résoudre ton problème.
      2. VOUS ÊTES CRUEL J'AI TROUVER COMMENT FAIRE, POUR CEUX QUI VEULENT: EN DESSOUS DE LA PAGE: MENUSX.PHP VOUS ÉCRIVEZ
        <div align="center">
        et en haut de pied_de_page.php vous écrivez
        </div>
        1. Contributeur
          Je ne vois pas le rapport avec la cruauté...
          C'est cool pour ton problème, passe ton sujet en résolu alors.