Posez votre question Signaler

Html; table cote a cote

koalatic 231Messages postés 9 juillet 2007Date d'inscription 9 décembre 2011Dernière intervention - Dernière réponse le 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>
Lire la suite 

Html; table cote a cote »

8 réponses
Réponse
+0
moins plus
DiabloBros 349Messages postés 22 octobre 2006Date d'inscription 14 mars 2011Dernière intervention 12 oct. 2010 à 00:39
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 -

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
koalatic 231Messages postés 9 juillet 2007Date d'inscription 9 décembre 2011Dernière intervention 12 oct. 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

 Ajouter un commentaire - Site web
DiabloBros- 12 oct. 2010 à 03:10
soit plus claire alors ?!
DiabloBros- 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 ^^
Ajouter un commentaire
Réponse
+0
moins plus
DiabloBros 349Messages postés 22 octobre 2006Date d'inscription 14 mars 2011Dernière intervention 12 oct. 2010 à 04:09
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 -

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
koalatic 231Messages postés 9 juillet 2007Date d'inscription 9 décembre 2011Dernière intervention 12 oct. 2010 à 13:32
À d'accord; je savais que j'avais oublier quelque chose mais à ce point l'a...

Merci grandement.

Ajouter un commentaire - Site web
DiabloBros- 12 oct. 2010 à 13:34
Avec plaisir ;)
Ajouter un commentaire
Réponse
+0
moins plus
flanagan99 3Messages postés 18 février 2011Date d'inscription 18 février 2011Dernière intervention 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


;-)

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « html; table cote a cote » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?