Besoin d'aide pour Page d'accueil

[Reiko]

Hellow à tous

Alors voilà je reviens une fois encore car j'aimerai faire des modifications sur ma P.A mais je n'arrive qu'à faire une chose c'est tout bousillé ... Enfin, voilà je vais expliquer mon problème

Actuellement ma page d'accueil se trouve ici - http://reikotest.forumgratuit.org/

Au niveau de la page d'accueil pour les parties : News, Top sites & prédéf' j'aimerai agencé de cette façon pour pouvoir rajouté de cette façon des tableaux pour les crédits, et un nouveau truc pour le forum



J'aimerai faire ça de cette partie en fait .

Pour aider voici le code de ma P.A & le CSS (si besoin est)

P.A:

Et

CSS:

Merci d'avance

[Invité]

Bonjour,

J'ai apporté quelques modifications pour approcher du résultat souhaité:

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 colspan="2"><fieldset style="width: 430px; padding: 10px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 12px; height: 125px;"><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; height:90px; overflow:auto;">

    * Sed si ille hac tam eximia fortuna propter<br>
    * Et Epigonus quidem amictu tenus philosophus, ut<br>
    * Nunc vero inanes flatus quorundam vile esse<br>
    * Apud has gentes, quarum exordiens initium ab<br>
    * Sed fruatur sane hoc solacio atque hanc insignem<br>
    * Constituendi autem sunt qui sint in amicitia fines<br>
    * Et quia Montius inter dilancinantium manus<br>
    * Quam ob rem vita quidem talis fuit vel fortuna vel<br>
    * Nemo quaeso miretur, si post exsudatos labores<br>
    * Accedebant enim eius asperitati, ubi inminuta vel<br>
    * Saepissime igitur mihi de amicitia cogitanti<br>
    * Eodem tempore Serenianus ex duce, cuius ignavia<br>
    * Coactique aliquotiens nostri pedites ad eos<br>
    * Hoc inmaturo interitu ipse quoque sui pertaesus<br>
    * Procedente igitur mox tempore cum adventicium<br>
    * Accedebant enim eius asperitati, ubi inminuta vel<br>
    * Saepissime igitur mihi de amicitia cogitanti<br>
    * Eodem tempore Serenianus ex duce, cuius ignavia<br>
    * Coactique aliquotiens nostri pedites ad eos<br>
    * Hoc inmaturo interitu ipse quoque sui pertaesus<br>
    * Procedente igitur mox tempore cum adventicium<br>

</div></fieldset></td><td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t11.png" border="0" alt="" /></legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><br><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">Avoir des K'Dos</a></div></fieldset></td></tr>
<tr><td><fieldset style="width: 180px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend>wall of fame</legend>contenu</fieldset></td><td><fieldset style="width: 110px; padding: 15px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend>crédits</legend><div style="text-align: right; font-size: 9px;">Crédits du forum:
Design & P.A : Rin Kazagi <br>
Textes explicatifs : Kazuo Okiyama <br>
Fiche de présentation: Rin Kagazi <br>
Tous droits réservés ©</div></fieldset></td><td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t12.png" border="0" alt="" /></legend><table with="100%"><tr><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td></tr></table><br><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">More?</a><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">En créer?</a></fieldset></td></tr></table><div style="margin:auto;text-align:center;width:100%; margin-bottom: 15px;"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t18.png" border="0" alt="" /></div>
<br><br></table>

Cordialement.

[Reiko]

C'est super merci

[Reiko]

Re désolé j'ai encore un soucis, en fait pour le Wall Of Fame, je voudrais mettre des infobulles, j'arrive à en mettre une, mais les suivantes sont dans l'infobulle en elle même qui pourrait m'aider s'il vous plait?

Spoiler:

[Reiko]

Finalement j'ai trouvé, donc c'est bon