Html; table cote a cote

koalatic Messages postés 384 Statut Membre -
flanagan99 Messages postés 3 Statut Membre - 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>

--
Henry
Frédéric

Afficher la suite

5 réponses

DiabloBros

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 -

Réponse 2 / 5
koalatic Messages postés 384 Statut Membre 21

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
1. DiabloBros
  
  soit plus claire alors ?!
  
  0
2. DiabloBros
  
  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

DiabloBros

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 -

Réponse 4 / 5
koalatic Messages postés 384 Statut Membre 21

À d'accord; je savais que j'avais oublier quelque chose mais à ce point l'a...

Merci grandement.
0
1. DiabloBros
  
  Avec plaisir ;)
  
  0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 5
flanagan99 Messages postés 3 Statut Membre

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

Html; table cote a cote

5 réponses

Discussions similaires

Newsletters