Problème d'encodage dans mon message d'accueil

[Mohnn]

Bonjour à tous,

Je suis créatrice et administratrice d'un forum depuis maintenant plus d'un an. Et après avoir pas mal regardé sur ce forum ce qu'il y avait possibilité de faire pour amélioré l'apparence je me suis lancée dans un message d'accueil tableau.

Bref je pense m'en être plutôt bien tirée pour le moment vu que j'y connais rien du tout en css.

Seulement voilà les rubriques se sont déplacées et je sais pas pourquoi...

1. Tout d'abord les parties modérateur et partenaires étaient sous celle des administrateurs.
   
   
2. J'aimerais également ajouter une rubrique : topic récent comme sur mon portail sous la rubrique trombinoscope ratial.
   
   
3. Et pour finir je voudrais aligner en hauteur et largeur correctement le tout.

Mon forum : http://otsu.forumactif.com/forum
Je suis sous firefox (je sais pas si c'est important)

Code:

<div style="margin:auto;text-align:center;width:100%"><table border=0><tr><td align="left">
    <center>
  <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; ">
  <a href="http://otsu.forumactif.com/t439-reglement"> <strong> REGLEMENT </strong> </a></span>
  </div></center>
<br>
  <center>
      <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/t432-un-peu-d-histoire"><strong> Un peu d’histoire</strong> </a></span></div></center>
<br>
<center>    <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/f110-news"><strong> News</strong> </a></span></div></center>
<br>
<center>    <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/f112-fiches-personnages"><strong> Fiches Personnages</strong> </a></span></div></center>
<br>
<center>    <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/t282-trombinoscope-racial"><strong> Trombinoscope Racial</strong> </a></span></div></center>
<br>
<br>
<br>
<br>
<br><br>
    </td><td align="left">
    <center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong> <u>/!\ Attention /!\
</u> :</strong></span></center><center>
    <span style="font-size: 9px; line-height: normal"> <br><br>Lorsque vous vous inscrivez, pensez à mettre le nom et le prénom (vrai) de votre personnage de jeu !! <br><br>
Nous vous demanderons également de ne pas utiliser de noms à consonance japonaise. Afin de garder une diversité intéressante sur le forum, certaines races seront considérées comme fermées en fonctions du nombre de joueurs, je vous invite à consulter le recensement qui se trouve dans la catégorie race pour savoir si celle que vous souhaitez est disponible.
Si vous possédez plusieurs personnages merci d’en avertir les administrateurs, à leur création, pour une meilleure gestion des joueurs. <br><br>
 La devise à Otsu est : Hota. Elle a la même valeur que l'Euro.</span></center>
<br><br>
    </div></center>
<br><br>
      </td><td align="right">
    <center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong><u>Les Administrateurs</u> :</strong><br><img src="http://i22.servimg.com/u/f22/14/62/07/65/nicola10.jpg "border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/mohnn10.jpg "border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/kause10.jpg
" border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/nj210.jpg" border="0" alt="" /></span><br>Nicolas ; Mohnn ; Kause ; NJ</div></center>
    </div></center>
    </td></tr></table></div>
<br><br>
      </td><td align="right">
    <center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong><u>Les Modérateurs</u> :</strong><br> <img src="http://i22.servimg.com/u/f22/14/62/07/65/archib12.jpg"border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/jun10.jpg"border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/slint10.jpg"border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/sebast10.jpg"border="0" alt="" /></span><br>Archibal.S ; Jun ; Enrick.S ;Sebastian.S</center>
    </div></center>
    </td></tr></table></div>
    <center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong> <u>Partenaires</u> :</strong> </span></center><marquee scrollamount="3"> <div style="margin: auto; width: 100%;"><span style="text-decoration: underline;"></span><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:Compatibility>
  <w:BreakWrappedTables/>
  <w:SnapToGridInCell/>
  <w:WrapTextWithPunct/>
  <w:UseAsianBreakRules/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 </w:WordDocument>
</xml><![endif]--><!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
   {mso-style-name:"Tableau Normal";
   mso-tstyle-rowband-size:0;
   mso-tstyle-colband-size:0;
   mso-style-noshow:yes;
   mso-style-parent:"";
   mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
   mso-para-margin:0cm;
   mso-para-margin-bottom:.0001pt;
   mso-pagination:widow-orphan;
   font-size:10.0pt;
   font-family:"Times New Roman";
   mso-fareast-font-family:SimSun;}
</style>
<![endif]--><img src="http://i63.servimg.com/u/f63/15/13/01/16/bouton10.jpg" alt="" border="0"><span style="font-family: monospace;"> </span><code><a href="http://destiny-doors.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://imagesup.org/images8/1295305578-harmonia.100.jpg" alt="" border="0"></a> </code><code><a href="http://konoha-high-school.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i14.servimg.com/u/f14/11/24/44/62/khs21111.jpg" alt="" border="0"></a></code> <a href="http://pandora-hearts-abyss.forumactif.com/index.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://i60.servimg.com/u/f60/12/80/18/70/873_re14.png" alt="" border="0"></a> <a href="http://scion.hot4um.com" class="postlink" target="_blank"><img src="http://nsa13.casimages.com/img/2010/02/08/mini_100208080736895201.jpg" alt="" border="0"></a><span style="font-size: 10pt; font-family: "Courier New";"><a href="http://chroniquesdouranos.forumactif.com/forum.htm/" class="postlink" target="_blank"><img src="http://i63.servimg.com/u/f63/15/73/85/26/88x3110.gif" alt="" border="0"></a></span> <a href="http://ourangakuenyaoi.forumsactifs.com/" class="postlink" target="_blank"><img src="http://i26.servimg.com/u/f26/13/56/33/26/bannia10.jpg" alt="" border="0"></a> 
 <a href="http://dolls-or-master.forumactif.org/index.htm" class="postlink" target="_blank"><img src="http://i93.servimg.com/u/f93/11/63/79/57/dorm10.png" alt="" border="0"></a> <a href="http://mandolyn-street.jdrforum.com/" class="postlink" target="_blank"><img src="http://i24.servimg.com/u/f24/09/04/56/46/picdfc11.jpg" alt="" border="0"></a><a href="http://himitsu-rpg.forumactif.com/" class="postlink" target="_blank"> <img src="http://i24.servimg.com/u/f24/14/94/04/27/98888010.png" alt="" border="0"></a>  <code><a href="http://naoko.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://img709.imageshack.us/img709/6666/banni100.jpg" alt="" border="0"></a></code> <code><a href="http://meio-school.bbgraf.com/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/bouton13.jpg" alt="" border="0"></a></code> <code><a href="http://ville-d-anejou.forumsactifs.net/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/anejou10.jpg" alt="" border="0"></a></code> <code><a href="http://labomemory.bbgraf.com" class="postlink" target="_blank"><img src="http://i23.servimg.com/u/f23/09/03/98/66/labo1010.jpg" alt="" border="0"></a></code><a href="http://www.mimimuffins.com/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/mimiyu10.jpg" alt="" border="0"></a><a href="http://team.aininatte.free.fr/index.php" class="postlink" target="_blank"><img src="http://i22.servimg.com/u/f22/14/62/07/65/ban410.jpg" alt="" border="0"></a><a href="http://nakedtruth.free.fr/links.php" class="postlink" target="_blank"> <img src="http://i22.servimg.com/u/f22/14/62/07/65/banner10.jpg" alt="" border="0"></a><a href="http://yaoibronzekatsuai.free.fr/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/ybk10.jpg" alt="" border="0"></a><a href="http://seiyoku.free.fr/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/mini_b10.jpg" alt="" border="0"></a><a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"> </a><a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/14/62/07/65/edrr10.png" alt="" border="0"></a><a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"></a></div></marquee>
  <a href="http://otsu.forumactif.com/f61-demandes-de-partenariat" class="postlink"><span style="text-transform : uppercase; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:8px;">Demande de partenariat</span></a>
    </div>
<br><br>



Merci d'avance pour votre aide.
Mohnn

[Scipion]

Bonjour

Faites un essai svp, ensuite n'oubliez pas de changer le lien pour "Topic récent".

Code:

<div style="margin:auto;text-align:center;width:100%"><table border=0>
<tr><td align="left">
<center><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;"><span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/t439-reglement"> <strong> REGLEMENT </strong> </a></span</div></center><br>
 
<center><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;"><span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/t432-un-peu-d-histoire"><strong>Un peu d’histoire</strong></a></span></div></center><br>

<center><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;"><span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/f110-news"><strong>News</strong></a></span></div></center><br>

<center><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;"><span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/f112-fiches-personnages"><strong>Fiches Personnages</strong></a></span></div></center><br>

<center><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;"><span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/t282-trombinoscope-racial"><strong>Trombinoscope Racial</strong> </a></span></div></center>
<br>

<center><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;"><span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/f110-news"><strong>Topic récent</strong></a></span></div></center><br>
<br>
</td><td align="left">

<center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong> <u>/!\ Attention /!\
</u> :</strong></span></center><center>
    <span style="font-size: 9px; line-height: normal"> <br><br>Lorsque vous vous inscrivez, pensez à mettre le nom et le prénom (vrai) de votre personnage de jeu !! <br><br>
Nous vous demanderons également de ne pas utiliser de noms à consonance japonaise. Afin de garder une diversité intéressante sur le forum, certaines races seront considérées comme fermées en fonctions du nombre de joueurs, je vous invite à consulter le recensement qui se trouve dans la catégorie race pour savoir si celle que vous souhaitez est disponible.
Si vous possédez plusieurs personnages merci d’en avertir les administrateurs, à leur création, pour une meilleure gestion des joueurs. <br><br>
 La devise à Otsu est : Hota. Elle a la même valeur que l'Euro.</span></center>
<br><br>
    </div></center>

</td><td align="right"><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
<center><span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"><strong><u>Les Administrateurs</u>:</strong><br><img src="http://i22.servimg.com/u/f22/14/62/07/65/nicola10.jpg "border="0" alt="" /><img src="http://i22.servimg.com/u/f22/14/62/07/65/mohnn10.jpg "border="0" alt="" /><img src="http://i22.servimg.com/u/f22/14/62/07/65/kause10.jpg
" border="0" alt="" /><img src="http://i22.servimg.com/u/f22/14/62/07/65/nj210.jpg" border="0" alt="" /><br>Nicolas ; Mohnn ; Kause ; NJ</span></div></center><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
<center><span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"><strong><u>Les Modérateurs</u> :</strong><br> <img src="http://i22.servimg.com/u/f22/14/62/07/65/archib12.jpg"border="0" alt="" /><img src="http://i22.servimg.com/u/f22/14/62/07/65/jun10.jpg"border="0" alt="" /><img src="http://i22.servimg.com/u/f22/14/62/07/65/slint10.jpg"border="0" alt="" /><img src="http://i22.servimg.com/u/f22/14/62/07/65/sebast10.jpg"border="0" alt="" /></span><br>Archibal.S ; Jun ; Enrick.S ;Sebastian.S</center></div></center></td></tr></table></div><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
<center><span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"><strong> <u>Partenaires</u>:</strong> </span></center><marquee scrollamount="3"><div style="margin: auto; width: 100%;"><span style="text-decoration: underline;"></span><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:Compatibility>
  <w:BreakWrappedTables/>
  <w:SnapToGridInCell/>
  <w:WrapTextWithPunct/>
  <w:UseAsianBreakRules/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 </w:WordDocument>
</xml><![endif]--><!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
  {mso-style-name:"Tableau Normal";
  mso-tstyle-rowband-size:0;
  mso-tstyle-colband-size:0;
  mso-style-noshow:yes;
  mso-style-parent:"";
  mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
  mso-para-margin:0cm;
  mso-para-margin-bottom:.0001pt;
  mso-pagination:widow-orphan;
  font-size:10.0pt;
  font-family:"Times New Roman";
  mso-fareast-font-family:SimSun;}
</style>
<![endif]--><img src="http://i63.servimg.com/u/f63/15/13/01/16/bouton10.jpg" alt="" border="0"><span style="font-family: monospace;"> </span>
<a href="http://destiny-doors.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://imagesup.org/images8/1295305578-harmonia.100.jpg" alt="" border="0"></a>
<a href="http://konoha-high-school.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i14.servimg.com/u/f14/11/24/44/62/khs21111.jpg" alt="" border="0"></a>
<a href="http://pandora-hearts-abyss.forumactif.com/index.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://i60.servimg.com/u/f60/12/80/18/70/873_re14.png" alt="" border="0"></a>
<a href="http://scion.hot4um.com" class="postlink" target="_blank"><img src="http://nsa13.casimages.com/img/2010/02/08/mini_100208080736895201.jpg" alt="" border="0"></a>
<span style="font-size: 10pt; font-family: &quot;Courier New&quot;;"><a href="http://chroniquesdouranos.forumactif.com/forum.htm/" class="postlink" target="_blank"><img src="http://i63.servimg.com/u/f63/15/73/85/26/88x3110.gif" alt="" border="0"></a></span>
<a href="http://ourangakuenyaoi.forumsactifs.com/" class="postlink" target="_blank"><img src="http://i26.servimg.com/u/f26/13/56/33/26/bannia10.jpg" alt="" border="0"></a>
<a href="http://dolls-or-master.forumactif.org/index.htm" class="postlink" target="_blank"><img src="http://i93.servimg.com/u/f93/11/63/79/57/dorm10.png" alt="" border="0"></a>
<a href="http://mandolyn-street.jdrforum.com/" class="postlink" target="_blank"><img src="http://i24.servimg.com/u/f24/09/04/56/46/picdfc11.jpg" alt="" border="0"></a>
<a href="http://himitsu-rpg.forumactif.com/" class="postlink" target="_blank"><img src="http://i24.servimg.com/u/f24/14/94/04/27/98888010.png" alt="" border="0"></a> 
<a href="http://naoko.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://img709.imageshack.us/img709/6666/banni100.jpg" alt="" border="0"></a>
<a href="http://meio-school.bbgraf.com/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/bouton13.jpg" alt="" border="0"></a>
<a href="http://ville-d-anejou.forumsactifs.net/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/anejou10.jpg" alt="" border="0"></a>
<a href="http://labomemory.bbgraf.com" class="postlink" target="_blank"><img src="http://i23.servimg.com/u/f23/09/03/98/66/labo1010.jpg" alt="" border="0"></a>
<a href="http://www.mimimuffins.com/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/mimiyu10.jpg" alt="" border="0"></a>
<a href="http://team.aininatte.free.fr/index.php" class="postlink" target="_blank"><img src="http://i22.servimg.com/u/f22/14/62/07/65/ban410.jpg" alt="" border="0"></a>
<a href="http://nakedtruth.free.fr/links.php" class="postlink" target="_blank"> <img src="http://i22.servimg.com/u/f22/14/62/07/65/banner10.jpg" alt="" border="0"></a>
<a href="http://yaoibronzekatsuai.free.fr/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/ybk10.jpg" alt="" border="0"></a>
<a href="http://seiyoku.free.fr/" class="postlink" target="_blank"><img src="http://i72.servimg.com/u/f72/14/62/07/65/mini_b10.jpg" alt="" border="0"></a><a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"></a>
<a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/14/62/07/65/edrr10.png" alt="" border="0"></a>
<a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"></a></div></marquee>
<a href="http://otsu.forumactif.com/f61-demandes-de-partenariat" class="postlink"><span style="text-transform : uppercase; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:8px;">Demande de partenariat</span></a></div>

Cordialement

[Invité]

Bonjour et Bienvenue sur le Forum des Forums Forumactif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Bonjour,

Concernant les sujets récents, on peut se servir de ceux du portail pour les inclure dans le message d'accueil à l'aide d'une iframe.

Spoiler:

J'ai séparé votre message en 3 colonnes et 2 lignes:

Code:

<table><tr><td>menu</td><td rowspan="2">message</td><td>Admin'</td></tr>
<tr><td>sujets</td><td>Modérateurs <br> partenaires</td></tr>
</table>

J'ai mis valign="top" pour chaque cellule, de cette façon le contenu est aligné en haut.
Ce qui donne au final:

Code:

<table border=0>
<tr>
<td align="left" valign="top">
    <center>
  <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; ">
  <a href="http://otsu.forumactif.com/t439-reglement"> <strong> REGLEMENT </strong> </a></span>
  </div></center>
<br>
  <center>
      <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/t432-un-peu-d-histoire"><strong> Un peu d’histoire</strong> </a></span></div></center>
<br>
<center>    <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/f110-news"><strong> News</strong> </a></span></div></center>
<br>
<center>    <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/f112-fiches-personnages"><strong> Fiches Personnages</strong> </a></span></div></center>
<br>
<center>    <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color: #352D45; width:200px; padding:0px;border-radius:35px;">
  <span style="text-transform; letter-spacing: 1px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:13px; "><a href="http://otsu.forumactif.com/t282-trombinoscope-racial"><strong> Trombinoscope Racial</strong> </a></span></div></center>
<br>
</td>

<td rowspan="2" valign="top">
  <center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong> <u>/!\ Attention /!\
</u> :</strong></span></center><center>
    <span style="font-size: 9px; line-height: normal"> <br><br>Lorsque vous vous inscrivez, pensez à mettre le nom et le prénom (vrai) de votre personnage de jeu !! <br><br>
Nous vous demanderons également de ne pas utiliser de noms à consonance japonaise. Afin de garder une diversité intéressante sur le forum, certaines races seront considérées comme fermées en fonctions du nombre de joueurs, je vous invite à consulter le recensement qui se trouve dans la catégorie race pour savoir si celle que vous souhaitez est disponible.
Si vous possédez plusieurs personnages merci d’en avertir les administrateurs, à leur création, pour une meilleure gestion des joueurs. <br><br>
 La devise à Otsu est : Hota. Elle a la même valeur que l'Euro.</span></center>
    </div></center>
</td>   
    
<td valign="top">
<center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong><u>Les Administrateurs</u> :</strong><br><img src="http://i22.servimg.com/u/f22/14/62/07/65/nicola10.jpg "border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/mohnn10.jpg "border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/kause10.jpg
" border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/nj210.jpg" border="0" alt="" /></span><br>Nicolas ; Mohnn ; Kause ; NJ</div></center>
  </center>
</td>
</tr>
<tr>
<td valign="top" align="center">
<table style="border:1px solid #352D45; width:220px;">
   <tr>
   <th>Derniers sujets </th>
   </tr>
   <tr>
   <td  id="comments_scroll_div" valign="middle" rowspan="6">
   <iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe>
   </td>
   </tr>
   </table>
</td>
<td><table><tr>
  <td valign="top">
  <center> <div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
<center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong><u>Les Modérateurs</u> :</strong><br> <img src="http://i22.servimg.com/u/f22/14/62/07/65/archib12.jpg"border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/jun10.jpg"border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/slint10.jpg"border="0" alt="" /> <img src="http://i22.servimg.com/u/f22/14/62/07/65/sebast10.jpg"border="0" alt="" /></span><br>Archibal.S ; Jun ; Enrick.S ;Sebastian.S</center>
</div></center>
</td></tr>
<tr>
<td valign="top"><div style=" background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg) ;border: solid ; border-width:1px ; border-color:# 352D45; width:300px;border-radius:35px;">
    <center>
   <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;">
   <strong>
   <u>Partenaires</u> :
   </strong>
   </span>
   </center>
   <marquee scrollamount="3">
   <div style="margin: auto; width: 100%;">
   <span style="text-decoration: underline;"><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:Compatibility>
  <w:BreakWrappedTables/>
  <w:SnapToGridInCell/>
  <w:WrapTextWithPunct/>
  <w:UseAsianBreakRules/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 </w:WordDocument>
</xml><![endif]--><!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
  {mso-style-name:"Tableau Normal";
  mso-tstyle-rowband-size:0;
  mso-tstyle-colband-size:0;
  mso-style-noshow:yes;
  mso-style-parent:"";
  mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
  mso-para-margin:0cm;
  mso-para-margin-bottom:.0001pt;
  mso-pagination:widow-orphan;
  font-size:10.0pt;
  font-family:"Times New Roman";
  mso-fareast-font-family:SimSun;}
</style>
<![endif]-->
   </span><img src="http://i63.servimg.com/u/f63/15/13/01/16/bouton10.jpg" alt="" border="0">
   <span style="font-family: monospace;">
   </span>
   <a href="http://destiny-doors.forumactif.org/" class="postlink" target="_blank" rel="nofollow" img src="http://imagesup.org/images8/1295305578-harmonia.100.jpg" alt="" border="0"></a>
   <a href="http://konoha-high-school.forum-actif.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i14.servimg.com/u/f14/11/24/44/62/khs21111.jpg" alt="" border="0"></a>
   <a href="http://pandora-hearts-abyss.forumactif.com/index.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://i60.servimg.com/u/f60/12/80/18/70/873_re14.png" alt="" border="0"></a>
   <a href="http://scion.hot4um.com" class="postlink" target="_blank"><img src="http://nsa13.casimages.com/img/2010/02/08/mini_100208080736895201.jpg" alt="" border="0"></a>
   <span style="font-size: 10pt; font-family: &quot;Courier New&quot;;">
   <a href="http://chroniquesdouranos.forumactif.com/forum.htm/" class="postlink" target="_blank"><img src="http://i63.servimg.com/u/f63/15/73/85/26/88x3110.gif" alt="" border="0"></a>
   </span>
   <a href="http://ourangakuenyaoi.forumsactifs.com/" class="postlink" target="_blank"><img src="http://i26.servimg.com/u/f26/13/56/33/26/bannia10.jpg" alt="" border="0"></a>
    <a href="http://dolls-or-master.forumactif.org/index.htm" class="postlink" target="_blank"><img src="http://i93.servimg.com/u/f93/11/63/79/57/dorm10.png" alt="" border="0"></a>
   <a href="http://mandolyn-street.jdrforum.com/" class="postlink" target="_blank"><img src="http://i24.servimg.com/u/f24/09/04/56/46/picdfc11.jpg" alt="" border="0"></a>
   <a href="http://himitsu-rpg.forumactif.com/" class="postlink" target="_blank"> <img src="http://i24.servimg.com/u/f24/14/94/04/27/98888010.png" alt="" border="0"></a>
   <a href="http://naoko.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://img709.imageshack.us/img709/6666/banni100.jpg" alt="" border="0"></a>
   <a href="http://meio-school.bbgraf.com/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/bouton13.jpg" alt="" border="0"></a>
   <a href="http://ville-d-anejou.forumsactifs.net/" class="postlink" target="_blank"><img src="http://i33.servimg.com/u/f33/09/03/98/66/anejou10.jpg" alt="" border="0"></a>
   <a href="http://labomemory.bbgraf.com" class="postlink" target="_blank"><img src="http://i23.servimg.com/u/f23/09/03/98/66/labo1010.jpg" alt="" border="0"></a>
   <a href="http://www.mimimuffins.com/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/mimiyu10.jpg" alt="" border="0"></a>
   <a href="http://team.aininatte.free.fr/index.php" class="postlink" target="_blank"><img src="http://i22.servimg.com/u/f22/14/62/07/65/ban410.jpg" alt="" border="0"></a>
   <a href="http://nakedtruth.free.fr/links.php" class="postlink" target="_blank"> <img src="http://i22.servimg.com/u/f22/14/62/07/65/banner10.jpg" alt="" border="0"></a>
   <a href="http://yaoibronzekatsuai.free.fr/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/ybk10.jpg" alt="" border="0"></a>
   <a href="http://seiyoku.free.fr/" class="postlink" target="_blank"> <img src="http://i72.servimg.com/u/f72/14/62/07/65/mini_b10.jpg" alt="" border="0"></a>
   <a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"> </a><a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"><img src="http://i32.servimg.com/u/f32/14/62/07/65/edrr10.png" alt="" border="0"></a>
   <a href="http://encre-de-rose.forumactif.org/" class="postlink" target="_blank"></a></div></marquee>
    <a href="http://otsu.forumactif.com/f61-demandes-de-partenariat" class="postlink"><span style="text-transform : uppercase; letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:8px;">Demande de partenariat</span></a>
    </div>
</td>
</tr></td></table>
</td></tr>
</table>

Cordialement.

[Mohnn]

Merci beaucoup pour votre aide, c'est très clair et tout à fait ce dont j'avais besoin.

Je remarque toute fois que du coup l'encadrement n'est pas le même, j'aimerais savoir comment modifier les lignes et pour les arrondir.

Ex : encadrement autour de derniers sujets.

Dois je créer un autre topic pour savoir cela ou pas ?

Merci d'avance

[Invité]

Bonjour,

Cela concerne toujorus votre page d'accueil, nous pouvons poursuivre sur ce fil.
Pour avoir la même présentation, il faut chercher cette partie:

Code:

<table style="border:1px solid #352D45; width:220px;">
  <tr>
  <th>Derniers sujets </th>
  </tr>
  <tr>
  <td  id="comments_scroll_div" valign="middle" rowspan="6">
  <iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe>
  </td>
  </tr>
  </table>

Et la remplacer par:

Code:

<table style="background-image: url(http://i22.servimg.com/u/f22/14/62/07/65/previe10.jpg
) ;border: solid ; border-width:1px ; border-color:# 352D45; width:200px;border-radius:35px;">
  <tr>
  <td><center> <span style="text-transform : letter-spacing: 5px;-moz-border-radius:5px;margin-left:5px;padding-bottom:150px;font-size:14px;"> <strong><u>Derniers sujets</u></strong></span></center> </td>
  </tr>
  <tr>
  <td  id="comments_scroll_div" valign="middle" rowspan="6">
  <iframe name="ifr" style="visibility: hidden; width: 0px; height: 0px;" src="/portal.forum" onLoad="var ifr=window.ifr.document.getElementById('comments_scroll_div');document.getElementById('comments_scroll_div').innerHTML=ifr.innerHTML;"></iframe>
  </td>
  </tr>
  </table>

Cordialement.

[Mohnn]

Merci bien !!

J'ai tout ce qu'il me faut pour le moment !! ^^