Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème de positonement

mikymak
    28 mars 2006 à 12:50:12

    Bonjour a tous ,

    j'ai un ptit probleme au codage de mon site , je n arrive pas a placer le corps a droite des menus , comme vous pouvez le constater sur ce screen:
    <lien url="http://img238.imageshack.us/img238/581/prob7eu.jpg"></lien>

    voici mes codes:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Mathieu</title>
    <link rel="stylesheet" media="screen" type="text/css" title="Style" href="style.css" />
    </head>

    <body>
    <table width="800" border="0" align="center" id="header">
      <tr>
        <td></td>
      </tr>

    <table width="150" cellspacing="1" bgcolor="#000000" id="menu">

      <tr>
        <td bgcolor="#CCCCCC" class="titre_menu">Menu</td>
      </tr>
        <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
        <tr>
       <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
        <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
        <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
        <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
        <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
          <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
          <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
         <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
          <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
          <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
          <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
          <tr>
        <td bgcolor="#ebe9e9" class="liens"><img src="images/link_box.gif" width="13" height="15" border="0" hspace="3">Liens</td>
      </tr>
      <table width="500" border="1" align="right" id="corps">
      <tr>
        <td> 
     
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In pretium congue metus. Donec convallis urna a libero. Nunc tortor odio, ultrices ac, blandit sed, vehicula quis, risus. Pellentesque faucibus ultricies tellus. Sed augue elit, blandit id, placerat in, mollis mattis, sem. Nulla ac dolor. Praesent suscipit bibendum nunc. Nullam erat lacus, dapibus et, eleifend ac, tempus dignissim, tortor. Vestibulum ornare, nibh et feugiat auctor, orci mi mollis nunc, eget facilisis arcu metus eu nunc. Sed venenatis. Morbi pede. Pellentesque vulputate ante nec turpis iaculis bibendum. Sed vehicula. Fusce id lectus. Vivamus velit turpis, consectetuer in, pretium vel, mollis sit amet, neque. Donec posuere sollicitudin quam. In hac habitasse platea dictumst. Praesent scelerisque lacus id nibh. Sed pulvinar tincidunt nisl. Phasellus pharetra vestibulum mauris. Donec sit amet pede. Vestibulum felis. Fusce id elit. In hac habitasse platea dictumst. Nullam eros. Quisque tempus. Nam at mauris. Duis euismod. Donec porttitor aliquet felis. Quisque sit amet quam. Donec nulla tellus, euismod vel, interdum quis, ultrices in, nibh. Aliquam tortor magna, consequat at, rutrum in, dignissim ut, mauris. Morbi diam enim, dignissim quis, mollis nec, rhoncus quis, arcu. Donec risus dolor, blandit ullamcorper, volutpat vitae, condimentum eu, justo. Integer massa ipsum, tincidunt quis, lacinia at, sollicitudin id, sapien. Pellentesque urna turpis, aliquet nec, convallis ut, tincidunt quis, tellus. In facilisis placerat odio. Curabitur pretium ornare ipsum. Nullam nulla neque, feugiat id, facilisis sit amet, molestie eget, nunc. Nunc euismod libero eu urna. Maecenas sem sem, molestie nec, molestie quis, semper ac, ante. Proin vulputate turpis a nulla. Proin adipiscing, nulla a vehicula tempor, nunc diam sollicitudin dui, nec imperdiet magna neque ac pede. Mauris consectetuer, pede sed scelerisque posuere, erat turpis blandit tellus, id pulvinar nisl ante vitae nisl. Maecenas consequat aliquet pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla vitae massa. Donec ullamcorper eros eu enim consectetuer ornare
    </td>
      </tr>
    </table>
      </table>
    </table>

    </body>
    </html>


    /* CSS Document */

    body
    {
    background-color:#e0dfdf;
    }

    #header
    {
    height:150px;
    background-image:url(images/header.jpg);
    background-repeat:no-repeat;
    }

    #menu
    {
    border-color:#000000;
    margin-left:98px;
    margin-top:0;
    }

    .titre_menu
    {
    padding-top:2px;
    padding-bottom:2px;
    font-family: Verdana, Arial, Helvetica; font-size: 10px;
    font-size: 11px;
    font-weight: bold;
    font-style: normal; 
    color: #993300;
    text-decoration: none;
    }

    .liens
    {
    padding-top:2px;
    padding-bottom:2px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #000000;
    }

    #corps
    {
    margin-left:20px;
    padding-top:0;
    }

    .separ
    {
    background-image:url(images/jagline_across.gif);
    background-repeat:repeat-x;
    }


    Quelqun peut il m'aider s'il vous plait ?
    • Partager sur Facebook
    • Partager sur Twitter
    JulFisher
      28 mars 2006 à 16:10:46

      Commence par ne pas utiliser de tableau pour la mise en page : fais une recherche sur ce site, tu as des dizaines de documents sur le sujet.
      • Partager sur Facebook
      • Partager sur Twitter
      pascall
        28 mars 2006 à 16:44:24

        bonjour
        met un margin:auto à body
        un float:left à menu avec un margin-left de 40px et ce sera à peu près présentable sous IE et FF
        et vérifie ta page html il me semble que tes </table> sont mal placés.

        edit
        de plus il semblerait que ton doctype empeche la validation.

        essaies celui-ci :
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/transitional.dtd">

        <html lang="fr">
        <head>
        <title>xxx</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

        je ne l'ai pas inventé mais pris sur un autre post :)
        • Partager sur Facebook
        • Partager sur Twitter

        Problème de positonement

        × 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