Problème tableau page d'accueil

[Izumi375]

Bonjour,
Tout d'abord un grand merci à tous ceux qui prendront un peu de leur temps pour m'aider.

Voilà j'ai un petit problème avec ma page d'accueil. J'ai fait un tableau en guise de page d'accueil. Cependant mes cellules ne sont pas correctement organisées :/. J'aimerais que la cellule "partenaires" soit alignée vers la droite afin que la cellule "valdis" longe les autres. J'espère m'être bien exprimée.

Voici mon forum: http://keikoku.forumpro.fr/forum.htm
Et voici mon code:

Code:

<span class="genmed"><span class="postbody"></span><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><tr><th colspan="1" rowspan="1" class="thTop forabg" width="28%">Le Staff<br></th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">Valdis</th><td style="vertical-align: top;"><br></td><th colspan="1" rowspan="1" class="thTop forabg" width="29%">Quoi de neuf?<br></th>
</tr>



<tr><td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody"><br><a href="http://keikoku.forumpro.fr/profile.forum?mode=viewprofile&u=1" class="postlink"><img src="http://i67.servimg.com/u/f67/11/77/43/46/iconz10.jpg" alt="" border="0"></a>
<a href="http://keikoku.forumpro.fr/profile.forum?mode=viewprofile&u=2" class="postlink" >=""><img src="http://i67.servimg.com/u/f67/11/77/43/46/iconj10.jpg" alt="" border="0"> </a><a href="http://keikoku.forumpro.fr/profile.forum?mode=viewprofile&u=37" class="postlink"><img src="http://i67.servimg.com/u/f67/11/77/43/46/iconm10.jpg" alt="" border="0"></a><br><br></span></td>


<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">
<a href="http://keikoku.forumpro.fr/regles-f1/histoire-t167.htm#989" class="postlink"><img src="http://i67.servimg.com/u/f67/11/77/43/46/histoi10.gif" alt="" border="0"></a></span></td>


<td style="vertical-align: top;"><br></td><td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">
</span>C'est l'hiver à Valdis, il neige.<br><br><img src="http://i67.servimg.com/u/f67/11/77/43/46/neige10.png"><br></td>

</tr><tr><th class="thTop forabg" colspan="1" rowspan="1">Votez pour nous!<br></th>
<th class="thTop forabg" colspan="1" rowspan="1">Les Partenaires <br></th></tr>

<tr><td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><div align="center"><strong></strong><font size="3"><span style="font-weight: bold; color: Purple;"></span></font><br><a href="http://www.boosterforum.com/"><br><span style="font-family: Verdana;"><strong style="font-weight: normal;"></strong></span></a></div></span><div style="text-align: center;"><span style="font-family: Verdana;"><a href="http://www.keikoku.boosterforum.com" target="_blank"><img src="http://i67.servimg.com/u/f67/11/77/43/46/65pxro10.png" alt="Annuaire de forums"></a></span><a href="http://www.root-top.com/topsite/topforums/in.php?ID=941" target="_blank"><span style="font-family: Verdana;"></span></a><span style="font-family: Verdana;"></span><a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=4308" target="_blank"><img src="http://i67.servimg.com/u/f67/11/77/43/46/65pxmi10.png" alt="keikoku" title="keikoku" border="0"></a><span style="font-family: Verdana;"></span><span style="font-family: Verdana;"></span><a href="http://www.root-top.com/topsite/dolceleb/in.php?ID=954" target="_blank"><img src="http://i67.servimg.com/u/f67/11/77/43/46/65pxps10.png" border="0"></a><br><br><br></div>
</td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><div align="center"><strong><a href="http://mangawalls.c.la/" target="_blank"><img title="Mangawalls, site de wallpapers de mangas" src="http://ssbmbigfan.free.fr/gif1.gif" div=""></a>  <a href="http://www.wallmanga.com/"><img src="http://www.wallmanga.com/img/88x31.gif"></a><a href="http://gold-saints.over-blog.com/"><img alt="Gold-Saints" src="http://img185.imageshack.us/img185/7973/gspartenaritahd7ti8.gif" border="0"></a></strong></div><div align="center"><strong></strong> <br>
</div>
</span></td>
</tr></tbody></table></span>

J'ai fait plusieurs tentatives mais ça n'a pas abouti :S.
Cordialement et encore merci de votre attention!

[Alyz]

J'ai effectué des modifications selon ce que j'avais compris.

Code:

<table width="100%"><tbody><tr><th width="28%">Le Staff<br></th><th width="43%">Valdis</th><th width="29%">Quoi de neuf?<br></th>
</tr>

<tr><td><br><a href="http://keikoku.forumpro.fr/profile.forum?mode=viewprofile&u=1" class="postlink"><img src="http://i67.servimg.com/u/f67/11/77/43/46/iconz10.jpg" alt="" border="0"></a>
<a href="http://keikoku.forumpro.fr/profile.forum?mode=viewprofile&u=2" class="postlink" >=""><img src="http://i67.servimg.com/u/f67/11/77/43/46/iconj10.jpg" alt="" border="0"> </a><a href="http://keikoku.forumpro.fr/profile.forum?mode=viewprofile&u=37" class="postlink"><img src="http://i67.servimg.com/u/f67/11/77/43/46/iconm10.jpg" alt="" border="0"></a><br><br></td>
<td align="center">
<a href="http://keikoku.forumpro.fr/regles-f1/histoire-t167.htm#989" class="postlink"><img src="http://i67.servimg.com/u/f67/11/77/43/46/histoi10.gif" alt="" border="0"></a></td>
<td class="row3" colspan="1" rowspan="1" align="center">C'est l'hiver à Valdis, il neige.<br><br><img src="http://i67.servimg.com/u/f67/11/77/43/46/neige10.png"><br></td>

</tr><tr><th class="thTop forabg" colspan="1" rowspan="1">Votez pour nous!<br></th>
<td align="center" width="43%"></td> <th class="thTop forabg" colspan="1" rowspan="1">Les Partenaires <br></th></tr>

<tr><td align="center" width="28%"><br><a href="http://www.boosterforum.com/"><br></a><a href="http://www.keikoku.boosterforum.com" target="_blank"><img src="http://i67.servimg.com/u/f67/11/77/43/46/65pxro10.png" alt="Annuaire de forums"></a><a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=4308" target="_blank"><img src="http://i67.servimg.com/u/f67/11/77/43/46/65pxmi10.png" alt="keikoku" title="keikoku" border="0"></a><a href="http://www.root-top.com/topsite/dolceleb/in.php?ID=954" target="_blank"><img src="http://i67.servimg.com/u/f67/11/77/43/46/65pxps10.png" border="0"></a><br><br><br>
</td>

<td align="center" width="43%"></td>

<td align="center" width="29%"><a href="http://mangawalls.c.la/" target="_blank"><img title="Mangawalls, site de wallpapers de mangas" src="http://ssbmbigfan.free.fr/gif1.gif" div=""></a>  <a href="http://www.wallmanga.com/"><img src="http://www.wallmanga.com/img/88x31.gif"></a><a href="http://gold-saints.over-blog.com/"><img alt="Gold-Saints" src="http://img185.imageshack.us/img185/7973/gspartenaritahd7ti8.gif" border="0"></a><br>
</td>

</tr>

</table>

Alyz.

[Izumi375]

Merci pour le code.
J'ai enregistrer les modifications mais ce n'est pas encore tout à fait cela. En fait je voudrais que la section "valdis" ne soit pas seulement sur la 1° ligne mais sur les deux. J'ai essayé d'utiliser "rowspan" pour mon problème mais les autres sections se sont alors retrouvées décalées. Le meilleur exemple que j'ai trouvé pour illustrer ce que je souhaite est celui ci:

http://aslways.forumactif.fr/forum.htm

Ici la section "welcome" n'est pas limitée par la première ligne.
Voilà j'espère m'être bien exprimée

[Alyz]

Voilà qui devrait aller :

Code:

<table width="100%"><tbody><tr><th width="28%">Le Staff<br></th><th width="43%">Valdis</th><th width="29%">Quoi de neuf?<br></th>
</tr><tr><td><a href="http://keikoku.forumpro.fr/profile.forum?mode=viewprofile&u=1" class="postlink"><img src="http://i67.servimg.com/u/f67/11/77/43/46/iconz10.jpg" alt="" border="0"></a>
<a href="http://keikoku.forumpro.fr/profile.forum?mode=viewprofile&u=2" class="postlink" >=""><img src="http://i67.servimg.com/u/f67/11/77/43/46/iconj10.jpg" alt="" border="0"> </a><a href="http://keikoku.forumpro.fr/profile.forum?mode=viewprofile&u=37" class="postlink"><img src="http://i67.servimg.com/u/f67/11/77/43/46/iconm10.jpg" alt="" border="0"></a><br><br>
<br><div class="titre">Votez pour nous!<br></div>

<br><a href="http://www.boosterforum.com/"><br></a><a href="http://www.keikoku.boosterforum.com" target="_blank"><img src="http://i67.servimg.com/u/f67/11/77/43/46/65pxro10.png" alt="Annuaire de forums"></a><a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=4308" target="_blank"><img src="http://i67.servimg.com/u/f67/11/77/43/46/65pxmi10.png" alt="keikoku" title="keikoku" border="0"></a><a href="http://www.root-top.com/topsite/dolceleb/in.php?ID=954" target="_blank"><img src="http://i67.servimg.com/u/f67/11/77/43/46/65pxps10.png" border="0"></a><br><br><br>
</td>

<td align="center">
<a href="http://keikoku.forumpro.fr/regles-f1/histoire-t167.htm#989" class="postlink"> <img src="http://i67.servimg.com/u/f67/11/77/43/46/histoi10.gif" alt="" border="0"><br></a></td>

<td align="center">C'est l'hiver à Valdis, il neige.<br><br><img src="http://i67.servimg.com/u/f67/11/77/43/46/neige10.png"><br><br><div class="titre">Les Partenaires <br></div>

<br><br>
<a href="http://mangawalls.c.la/" target="_blank"><img title="Mangawalls, site de wallpapers de mangas" src="http://ssbmbigfan.free.fr/gif1.gif" div=""></a>  <a href="http://www.wallmanga.com/"><img src="http://www.wallmanga.com/img/88x31.gif"></a><a href="http://gold-saints.over-blog.com/"><img alt="Gold-Saints" src="http://img185.imageshack.us/img185/7973/gspartenaritahd7ti8.gif" border="0"></a><br><br><br>
</td>

</tr>

</table>

Et tu dois rajouter ça dans le css :

Code:

.titre {
color: #ffffff;
font-size: 12px;
font-weight : bold;
background-color: #ffffff;
height: 25px;
background-image: url("http://i67.servimg.com/u/f67/11/77/43/46/3barre11.jpg");
padding: 2px 3px; text-align:center;
-moz-border-radius:10px;
}

Ce que j'ai fait : en fait, il n'y a que deux lignes. Celle tout en haut avec les titres et tout ce qui se trouve au-dessous ensuite. Ca me permet de mettre le dragon au milieu. Le "titre" désigne "Votez pour nous" et "Partenaire : ça permet de leur appliquer la mise en page même si ils ne sont pas en "th". =)

[Izumi375]

Merci beaucoup!
Ca marche impec' !

Par ailleurs c'est très sympa d'avoir écrit quelques lignes pour m'expliquer ce que tu as fait. Je n'aurais jamais pensé à ne mettre qu'une seule balise <tr>.

Résolu et merci encore.