Html; table cote a cote

Bonjour,
dans mon code html j'essaie de faire deux tableaux (table) côte à côte mais je ne suis pas capable de faire ainsi. Dans mon cas sa donne deux table un par dessus l'autre.

Voilà mon code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

<html>
<head>
<title></title>
<style type="text/css">
a.link { text-decoration:none; color: #ff6600; }
</style>
</head>



<body background="">
<table border=0 width=50% height=720 cellspacing=0 cellpadding=0 >
<tr>
<td align=center valign=center>

    <table border=0 background="" width=455 height=550 cellspacing=0 cellpadding=0>
    <tr>
    <td align=center valign=center>&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td valign=top><font face="verdana" size="-1">
    <div align="center">
    <p><br />
    <h4>Titre 1</h4>
    </div>
       - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br />
       - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br />
       - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br />
       - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br />
       - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br />
       <div align="right">
       <font color="#FF6600">page: 1 de 1&nbsp;&nbsp;&nbsp;&nbsp;</font>
       </div>
    </p>

    </td>
    </tr>
    </table>

</td>
</tr>
</table>

<table border=0 width=50% height=720 cellspacing=0 cellpadding=0 >
<tr>
<td align=center valign=center>

    <table border=0 background="" width=455 height=550 cellspacing=0 cellpadding=0>
    <tr>
    <td align=center valign=center>&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td valign=top><font face="verdana" size="-1">
    <div align="center">
    <p><br />
    <h4>Titre 2</h4>
    </div>
       - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br />
       - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br />
       - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br />
       - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br />
       - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br />
       <div align="right">
       <font color="#FF6600">page: 1 de 1&nbsp;&nbsp;&nbsp;&nbsp;</font>
       </div>
    </p>

    </td>
    </tr>
    </table>

</td>
</tr>
</table>

</body>
</html>




--
Henry
Frédéric

5 réponses

  • Votes
  • Date
  • Date décroissante
  1. ha ouai ... tu t'es bien mélanger les crayons entre tes table , tes td et tous ;)

    
    <table>  
      <tr>  
        <td>  
        <table>  
          <tr>  
            <td> </td>  
            <td> </td>  
          </tr>  
     </table>  
     </td>  
        <td>  
        <table>  
      <tr>  
        <td> </td>  
        <td> </td>  
      </tr>  
    </table>  
    </td>  
      </tr>  
    </table>  
    
    


    __
    _/ \_____________________
    \__/- diablobros was here -
    1. Je vois pas ou je me suis melanger... ta décris se que javais ecris: mais sa répond pas à ma question.
      Henry
      Frédéric
      1. soit plus claire alors ?!
      2. et je ve pas dire une betise mais aprés un tableau il va a la ligne , point c comme ca , pour faire ce que tu veus faut un grand tableau qui contient les 2 petit c obligé , car aprés un </table> ca va obligatoirement a la ligne ^^
    2. celui la va te plaire ^^

      
      
      <style type="text/css"> 
      a.link { text-decoration:none; color: #ff6600; } 
      
      #apDiv1 { 
       position:absolute; 
       z-index:1; 
      } 
      #apDiv2 { 
       position:absolute; 
       z-index:2; 
       left: 480px; 
       top: 14px; 
      } 
      </style> 
      </head> 
      
      <body> 
      <div id="apDiv1"> 
      <table border=0 background="" width=455 height=550 cellspacing=0 cellpadding=0> 
          <tr> 
          <td align=center valign=center>    </td> 
          <td valign=top><font face="verdana" size="-1"> 
          <div align="center"> 
          <p><br /> 
          <h4>Titre 1</h4> 
          </div> 
             - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br /> 
             - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br /> 
             - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br /> 
             - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br /> 
             - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br /> 
             <div align="right"> 
             <font color="#FF6600">page: 1 de 1    </font> 
             </div> 
          </p> 
      
          </td> 
          </tr> 
        </table> 
      </div> 
      <div id="apDiv2"> 
      <table border=0 background="" width=455 height=550 cellspacing=0 cellpadding=0> 
          <tr> 
          <td align=center valign=center>    </td> 
          <td valign=top><font face="verdana" size="-1"> 
          <div align="center"> 
          <p><br /> 
          <h4>Titre 2</h4> 
          </div> 
             - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br /> 
             - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br /> 
             - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br /> 
             - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br /> 
             - <a href="" class="link" target="_blank"><b>Lien</b></a><br /><br /> 
             <div align="right"> 
             <font color="#FF6600">page: 1 de 1    </font> 
             </div> 
          </p> 
      
          </td> 
          </tr> 
        </table> 
      </div> 
      </body> 
      </html> 
      
      


      avec ca tu met ton 2em tableu ou tu veus ^^

      il faut juste changer les coordonnés dans
      #apDiv2 { 
       position:absolute; 
       z-index:2; 
       left: 480px; 
       top: 14px; 
      }


      pour metre le div ou on veut ^^

      __
      _/ \_____________________
      \__/- diablobros was here -
      1. À d'accord; je savais que j'avais oublier quelque chose mais à ce point l'a...

        Merci grandement.
        1. Avec plaisir ;)
      2. une solution simple en html
        un tableau dans le quel on mets 2 tableau ...

        <table><tr>

        <td>
        <table><tr><td></td></tr></table>
        </td>
        <td>
        <table><tr><td></td></tr></table>
        </td>

        </td></tr></table>

        ou sinon en css avec des div
        <div></div>
        <div style="float:left"></div> et apres tu peux mettre tes tableaux dans les div

        ;-)