Html; table cote a cote

Fermé
koalatic Messages postés 330 Date d'inscription lundi 9 juillet 2007 Statut Membre Dernière intervention 11 août 2015 - 12 oct. 2010 à 00:25
flanagan99 Messages postés 3 Date d'inscription vendredi 18 février 2011 Statut Membre Dernière intervention 18 février 2011 - 18 févr. 2011 à 11:20
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>




5 réponses

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 -
0
koalatic Messages postés 330 Date d'inscription lundi 9 juillet 2007 Statut Membre Dernière intervention 11 août 2015 21
Modifié par koalatic le 12/10/2010 à 03:08
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
0
Utilisateur anonyme
12 oct. 2010 à 03:10
soit plus claire alors ?!
0
Utilisateur anonyme
12 oct. 2010 à 03:28
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 ^^
0
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 -
0
koalatic Messages postés 330 Date d'inscription lundi 9 juillet 2007 Statut Membre Dernière intervention 11 août 2015 21
12 oct. 2010 à 13:32
À d'accord; je savais que j'avais oublier quelque chose mais à ce point l'a...

Merci grandement.
0
Utilisateur anonyme
12 oct. 2010 à 13:34
Avec plaisir ;)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
flanagan99 Messages postés 3 Date d'inscription vendredi 18 février 2011 Statut Membre Dernière intervention 18 février 2011
18 févr. 2011 à 11:20
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


;-)
0