Soucis avec mon tableau

[Reiko]

Hellow,

J'ai un petit soucis avec mon tableau, en fait ce que j'essaie de reproduire c'est ça



mais je n'arrive pas à mettre les deux tableaux du coté l'un en dessous de l'autre.

Quelqu'un pourrait m'éclairer?

[Invité]

Bonjour,

Sans votre code il n'est pas évident de vous aider . Il faut creer un tableau avec 2 lignes et 2 colonnes et fusionner les cellules de la première colonne.

Code:

<table><tr><td rowspan="2">vos news</td><td>vos topsites</td></tr>
<tr><td>vos prédéfinis</td></tr></table>

Cordialement.

[Reiko]

Voici mon code

Spoiler:

[Invité]

Essayez comme ceci:

Code:

<table cellspacing="0" cellpadding="0" width="600" border="0">
  <tr>
      <td><div style="margin:auto;text-align:center;width:100%; margin-bottom: 15px;"><img src="http://img4.hostingpics.net/pics/799564image.png" border="0" alt="" /></div></td>
  </tr>
</table>






<table cellspacing="4" cellpadding="3" width="800" border="0">
  <tr>
      <td align="center" width="100%" colspan="3">
<a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/t6-reglement" class="postlink" target="_blank" rel="nofollow"  "><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t13.png" border="0" alt="" /></a></a>
<a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t14.png" border="0" alt="" /></a></a>
<a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/f5-presentations" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t15.png" border="0" alt="" /></a></a>
<a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/f2-points-k-dos" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t16.png" border="0" alt="" /></a></a>
<a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/f42-demandes-de-rp" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t19.png" border="0" alt="" /></a></a>
<a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/f71-absences" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t18.png" border="0" alt="" /></a></a>
                </td>
  </tr>
</table>

<table cellspacing="4" cellpadding="0" width="600" border="0">
  <tr>
      <td><fieldset style="width: 200px; padding: 20px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t20.png" border="0" alt="" /></legend><div style= "overflow: auto; height: 60px;  text-align: justify;">Pellentesque luctus, felis a porta suscipit, velit lectus cursus risus, at posuere magna arcu a enim. Sed ac turpis nec orci tempus rhoncus et vitae diam. Aliquam blandit dictum urna, blandit rhoncus justo condimentum quis. Aliquam facilisis hendrerit ornare. Integer in metus at magna pretium fermentum at ac turpis. Vestibulum et faucibus lacus.</div><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow">More?</a></div></fieldset></td>
      <td><fieldset style="width: 200px; padding: 20px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t22.png" border="0" alt="" /></legend><table with="100%"><tr><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t31.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Kazuo OKIYAMA<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t27.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t29.png"><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=1" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t32.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Rin KAZAGI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t33.png"><br><a href="http://pensionnat-isuzu.forumactif.com/u3" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=3" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i40.servimg.com/u/f40/16/60/66/71/sans_t10.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Noriyuki HAGA<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t35.png"><br><br> Image à venir<br><a href="http://pensionnat-isuzu.forumactif.com/u2" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=2" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t36.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Kazuma TAISETSU<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t37.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t38.png" border="0" alt="" /><br><a href="http://pensionnat-isuzu.forumactif.com/u4" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=4" target="_blank">Mp</a></span></div></div> </td></tr></table><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow">More?</a><br></div></fieldset></td>
      <td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 10px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t39.png" border="0" alt="" /></legend><marquee direction="left" scrollamount="4" onMouseOver="this.stop();" onMouseOut="this.start();"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /></marquee><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f94-partenariat" class="postlink" target="_blank" rel="nofollow">More?</a><a href="http://pensionnat-isuzu.forumactif.com/f94-partenariat" class="postlink" target="_blank" rel="nofollow">Le devenir?</a></div><br><br></fieldset></td>
  </tr>
</table>

<table><tr><td rowspan="2"><fieldset style="width: 400px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 10px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t42.png" border="0" alt="" /></legend><div style= "text-align: justify;">Horum adventum praedocti speculationibus fidis rectores militum tessera data sollemni armatos omnes celeri eduxere procursu et agiliter praeterito Calycadni fluminis ponte, cuius undarum magnitudo murorum adluit turres, in speciem locavere pugnandi. neque tamen exiluit quisquam nec permissus est congredi. formidabatur enim flagrans vesania manus et superior numero et ruitura sine respectu salutis in ferrum.</div></fieldset></td><td><fieldset style="width: 400px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 10px;"><legend>titre</legend>vos topsites</fieldset></td></tr>
<tr><td><fieldset style="width: 400px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 10px;"><legend>titre</legend>vos prédéfinis</fieldset></td></tr></table>
     


</table>

Cordialement.

[Reiko]

C'est parfait merci beaucoup