Même espace gauche et droite site

Bonjour,

Je voudrais savoir comment laisset à gauche et à droite du site le même espace vide comme sur ce site commentcamarche.
C'est à dire je centre mon site en laissant le même espace de part et d'autre de l'ecran.

Merci d'avance,
Configuration: Windows XP
Internet Explorer 7.0

8 réponses

  1. Bonjour,

    Je ne sais pas comment tu as structuré ton site, mais il faut centrer la fenetre avec ce morceau de code html :)

    div align=center
    0
    1. Merci pour ta reponse rapide greg32885,

      j'utilise un tableau global a trois lignes:
      la 1iere contient l'en-tête du site
      la 2 ieme (à trois colonnes) contient le menu de navigation +contenu du milieu +collone de pub à droitre
      la 3 ieme contieent le pied du site.

      Merci d'avance,
      0
      1. C'est pas très sain de faire un site, avec un tableau ... il vaut mieux utiliser les balises DIV
        0
        1. Meric encore une fois,

          et comment tu vas diviser ton site en blocs independants ?
          Je veux dire le menu de navigation ne change pas , l'entete pas, le pied de page pas ;
          à chaque fois c'est le contenu du milieu qui change en fonction du lien que tu as cliqué.

          pour quoi pas les tableaux ?

          MLerci d'avance,
          0
          1. dommage je ne peux pas t'envoyer mon adresse msn par mini message ..
            Sinon ca va faire bcp de post pour l'explication :)
            0
            1. En fait quand tu vas créer ton code html,

              tu vas classer tes différentes parties avec des balises DIV..
              Ensuite tu donnes des instructions particulières à chaque partie, avec une feuille de style CSS

              C'est vraiment expliqué en gros ..
              0
              1. Merci greg32885, quand même pour tes multiples reponses

                est ce que tu aurais des exemples (code html ou css) ?

                merci d'avance,
                0
                1. Oui voilà un exemple de code

                  bien entendu tout ce code html est lié à une feuille CSS
                  extrait de page html :
                  <body>

                  <div id="contenu">
                  <div id="entete">
                  <h1>En location</h1>
                  </div>

                  <div id="menuhorizontal">
                  <ul>
                  <li><a href="album.htm" class="lienmenuhorizontal">Des images</a></li>
                  </ul>
                  </div>

                  <div id="menuvertical">
                  <h3>Extérieur</h3>

                  <ul>
                  <li><a href="images/1.jpg" class="lienmenuvertical">Image 1</a></li>
                  <li><a href="images/2.jpg" class="lienmenuvertical">Image 2</a></li>
                  <li><a href="images/3.jpg" class="lienmenuvertical">Image 3</a></li>
                  <li><a href="images/4.jpg" class="lienmenuvertical">Image 4</a></li>
                  <li><a href="images/5.jpg" class="lienmenuvertical">Image 5</a></li>

                  <li><a href="images/6.jpg" class="lienmenuvertical">Image 6</a></li>
                  </ul>

                  <h3>Intérieur</h3>
                  <ul>
                  <li><a href="images/7.jpg" class="lienmenuvertical">Image 1</a></li>
                  <li><a href="images/8.jpg" class="lienmenuvertical">Image 2</a></li>

                  </ul>

                  <h3>Plan</h3>
                  <ul>
                  <li><a href="images/plan.pdf" class="lienmenuvertical">Plan</a></li>
                  </ul>

                  <h3>Infos diverses</h3>
                  <ul>

                  <li><a href="http://www.martignas.org" target="_blank" class="lienmenuvertical">Site de la ville</a></li>
                  <li><a href="https://www.infotbm.com/fr/v3" target="_blank" class="lienmenuvertical">Transports</a></li>
                  </ul>
                  </div>

                  <div id="pieddepage">
                  <p class="textepieddepage">
                  xxxxxxxx ©

                  </p>
                  </div>
                  </div>

                  </body>

                  </html>
                  0