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

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème d'encodage dans mon message d'accueil

Message par Mohnn le Sam 21 Mai 2011 - 7:14

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


Dernière édition par Mohnn le Dim 22 Mai 2011 - 21:10, édité 1 fois

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encodage dans mon message d'accueil

Message par Scipion le Sam 21 Mai 2011 - 14:20

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encodage dans mon message d'accueil

Message par Invité le Sam 21 Mai 2011 - 15:49

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
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

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:
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>
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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encodage dans mon message d'accueil

Message par Mohnn le Dim 22 Mai 2011 - 14:58

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

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encodage dans mon message d'accueil

Message par Invité le Dim 22 Mai 2011 - 15:15

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encodage dans mon message d'accueil

Message par Mohnn le Dim 22 Mai 2011 - 21:09

Merci bien !!

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

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum