Code pour page d'accueil

[Arkaline]

Bonjour à tous,

Mon souci est assez simple, mais la réponse sera certainement plus longue :s J'espère cependant que vous pourrez m'aider.

Voici à quoi ressemble ma page d'accueil actuellement : cliquez ici.
Voici à quoi je voudrais quelle ressemble : cliquez ici (fais avec photoshop)

En cherchant dans les autres sujet, j'ai compris qu'il fallait faire un tableau, c'est donc ce que j'ai essayer de faire... mais je n'ai jamais fais de html... alors le rendu est franchement pas terrible... Pour preuve, voilà ce que sa donne (cliquez ici).

Voici le code actuel, au cas où vous en auriez besoin :

Code:

<div style="text-align: center;"><font style="color: rgb(102, 102, 255);" size="6"><span style="font-weight: bold; font-family: Century Gothic;"><br>Bienvenue à tous sur GSM !</span></font><br><br></div><table style="text-align: left; margin-left: auto; margin-right: auto;" border="5" cellpadding="2" cellspacing="2" width="30%">
<tbody><tr>
<td style="text-align: center;"><span style="font-weight: bold;"><br>Le Staff</span><br>                       <br></td>
<td style="font-weight: bold; text-align: center;"><br>L'actualité du forum<br>                                              <br></td>
<td style="font-weight: bold; text-align: center;"><br>Top-Site <br>                                 <br></td>
</tr>
<tr>
<td style="text-align: center;">Image<br></td>
<td style="text-align: center;"><br>Le forum vient d'ouvrir ses portes!<br><br>Pour aider au lancement, le premier validé aura le droit d'avoir un Gundam<br> directement, et les 3 suivants un MS personnel directement.<br><br></td>
<td style="text-align: center;">Images<br></td>
</tr>
</tbody></table><br><div style="text-align: center;"><font size="5"><span style="font-family: Book Antiqua;">Nos Partenaires</span></font><br> <br>///////////<br></div><br style="color: rgb(102, 102, 255);"><div style="text-align: center;"><span style="color: rgb(102, 102, 255); font-weight: bold;">-----------------------------------</span><br><br><font size="6">Nous sommes actuellement en <span style="color: rgb(102, 102, 255);">Mai CE 153 </span>.</font><br><br><br></div>

Je ne sais même pas si il est possible de mettre les barres séparatrice sous cette forme de point :/
Es ce que quelqu'un pourrait m'aider ?

[Arkaline]

J'ai trouvé quelqu'un pour m'aider, le problème est donc résolu.
Voici le code, on sais jamais, sa pourra peut être aider quelqu'un

Code:

<div style="margin:auto;text-align:center;width:100%"><img src="http://img97.imageshack.us/img97/8296/bienvenuez.png" border="0" alt="" /></div><div style="margin:auto;text-align:center;width:100%"><img src="http://img10.imageshack.us/img10/798/pointhorizontale.png" border="0" alt="" /></div>

<br>
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tr>
<td style="vertical-align: top; width: 50%;">
      <table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
            <tbody>
                  <tr>
                      <td style="width: 30%; text-align: center; vertical-align: top;"><span class="boxtitle"><img src="http://img32.imageshack.us/img32/1695/lestaff.png" border="0" alt="" /></span><div class="box1"><img src="http://img143.imageshack.us/img143/995/imagetempostaff.jpg" border="0" alt="" /><br><br><img src="http://img143.imageshack.us/img143/995/imagetempostaff.jpg" border="0" alt="" /><br><br><img src="http://img143.imageshack.us/img143/995/imagetempostaff.jpg" border="0" alt="" /><br></div>
</td>
<td><img src="http://img708.imageshack.us/img708/2033/pointverticale.png" border="0" alt="" /></td>
                        <td style="width: 40%; text-align: center; vertical-align: top;"><span class="boxtitle"><img src="http://img199.imageshack.us/img199/7310/actuu.png" border="0" alt="" /></span><div class="box1">Afin d'aider au lancement du forum, les premiers arrivés et validés auront quelques bonus ! Le premier aura directement le droit d'avoir un Gundam, les 3 Suivants auront le droit d'avoir un MS personnel directement !

</div></td>
<td><img src="http://img708.imageshack.us/img708/2033/pointverticale.png" border="0" alt="" /></td>
                        <td style="width: 30%; text-align: center; vertical-align: top;"><span class="boxtitle"><img src="http://img59.imageshack.us/img59/425/topsitea.png" border="0" alt="" /></span><div class="box1">contenu 2</div>

</td>
</tr>
</tbody>
</table><div style="margin:auto;text-align:center;width:100%"><img src="http://img10.imageshack.us/img10/798/pointhorizontale.png" border="0" alt="" /></div>
            <table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
              <tbody>
                  <tr>
<td style="width: 50%; text-align: center; vertical-align: top;" rowspan="1" colspan="1">
<span class="boxtitle"><img src="http://img508.imageshack.us/img508/3598/partenaires.png" border="0" alt="" /></span><div class="box2">contenu 3
blablablablablabla

Blablablablablabla

Blablablablablabla
</div>
</td>
</tr>
</tbody>
</table><div style="margin:auto;text-align:center;width:100%"><img src="http://img10.imageshack.us/img10/798/pointhorizontale.png" border="0" alt="" /></div>
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="width: 50%; text-align: center; vertical-align: top;" rowspan="1" colspan="1"><div class="box3"><span style="font-size: 20px; line-height: normal">Nous sommes actuellement en Mai CE 153 .</span>
</div>
</td>
</tr>
</tbody>
</table>
</td>



Merci quand même ^^'

>>> Problème résolu.