Cafouilli dans code

[Park Ha Gi]

Bonjour,
Voilà, j'ai un gros problème avec un code, c'est le gros bazar, je n'arrive plus à m'y retrouver, et ce que rend le code ne me convient pas et j'aimerais modifier --"
Voilà le code ( c'est une partie du code du message d'accueil ) :

Spoiler:

Et ce qu'il me donne, ICI -> message d'accueil dans l'onglet Staff & Partenariat, le côté staff est parfait mais le côté Partenariat est pas du tout comme j'aimerais ( en gros que les images des partenaires soient dans le cadre vert ).

Merci d'avance à celui qui pourra mettre un peu d'ordre dans ce code et qui pourra faire que tout rentre dans l'ordre

[Anzu]

Bonjour ^^

Vous parlez bien des trois petites images carrées tout à droite ? Et vous voudriez les mettre dans le cadre vert juste à gauche, c'est bien ca ?

Cordialement.

[Arlem]

Si c'est bien ce qu'a dit Anzu, essaie en remplaçant le code que tu nous a donné par ça :

Code:

<div id="co_3" class="mon_contenu" style="display: none;"><div class="box">
  <table style="width: 100%; border-collapse:collapse;"><tr>
      <td><div class="box2"><div align="center"><img src="http://i25.servimg.com/u/f25/14/05/20/17/staff12.png">
      <br><br><table cellspacing="1"><tr>
     
        <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/phg10.jpg" alt="Park Ha Gi" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Park Ha Gi</font><br>
        Fondatrice
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/park_h18.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div> 
      </span></div></td>
     
      <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/yumii10.jpg" alt="Yumii" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Yumii</font><br>
        Administratrice
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/yumii_13.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div> 
      </span></div></td>
     
      <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/eyna10.jpg" alt="Eyna" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Eyna</font><br>
        Modératrice
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/eyna_011.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div> 
      </span></div></td>
     
      <tr><td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/jow_10.jpg" alt="Jow'" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Jow'</font><br>
        Azian' Reporter
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/jow_0210.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div> 
      </span></div></td>
     
      <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/cindy10.jpg" alt="Cindy" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Cindy</font><br>
        Azian' Reporter
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/cindy_11.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div> 
      </span></div></td>
     
      <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/sakou_12.jpg" alt="Sakou." width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Sakou.</font><br>
        Azian' Reporter
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/sakou_11.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div> 
      </span></div></td>
     
      <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/stacix10.jpg" alt="stacyx" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">stacyx</font><br>
        Azian' Reporter
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/stacyx11.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div> 
      </span></div></td>
     
      </tr></tr></table>
     
     
      <td align="center"><div class="box2"><img src="http://i25.servimg.com/u/f25/14/05/20/17/parten12.png">
      <br />
      <div class="infobulle2">
        <div align="center"><div id="images2"><img style="opacity: 0.7;" src="http://i25.servimg.com/u/f25/14/05/20/17/kehai-10.jpg" alt="Kehai-Fansub" class="latest_img" height="20" width="20" border="0"></div></div>
        <span>
        <font style="font-variant: small-caps; font-weight: bold; color: rgb(219, 58, 138); letter-spacing: 1px;">Kehai-Fansub</font><br>
        Team de Fansub
      <br><img src="http://i11.servimg.com/u/f11/14/61/04/48/bouton14.jpg"><br>
        <div><a href="http://kehai-fansub-forum.forumpro.fr/index.htm?sid=3a9065ed9df4886144336efb26950dfb">Visiter ?</a></div>   
      </span></div>
      
      <div class="infobulle2">
          <div align="center"><div id="images2"><img style="opacity: 0.7;" src="http://i25.servimg.com/u/f25/14/05/20/17/brown_10.jpg" alt="Brown Eyed Girls" class="latest_img" height="20" width="20" border="0"></div></div>
        <span>
        <font style="font-variant: small-caps; font-weight: bold; color: rgb(219, 58, 138); letter-spacing: 1px;">Brown Eyed Girls</font><br>
        Forum sur les Brown Eyed Girls
      <br><img src="http://i83.servimg.com/u/f83/11/43/42/74/banbeg17.gif"><br>
        <div><a href="http://browneyedgirls.1fr1.net/forum.htm">Visiter ?</a></div>   
      </span></div>
      
      <div class="infobulle2">
          <div align="center"><div id="images2"><img style="opacity: 0.7;" src="http://i25.servimg.com/u/f25/14/05/20/17/bonjou10.jpg" alt="Bonjour Hanguk" class="latest_img" height="20" width="20" border="0"></div></div>
        <span>
        <font style="font-variant: small-caps; font-weight: bold; color: rgb(219, 58, 138); letter-spacing: 1px;">Bonjour Hanguk</font><br>
        Forum sur la Corée du Sud
      <br><img src="http://i85.servimg.com/u/f85/14/05/20/17/logo2-10.gif"><br>
        <div><a href="http://bonjourhanguk.un concurrent.com/index.php">Visiter ?</a></div>   
      </span></div></div></td>
     
</div></div></td>
</tr></table></div></div>








[Park Ha Gi]

Merci beaucoup !! C'est exactement, ce que je voulais !! Merci beaucoup !
EDIT : Juste une dernière question, comment fait t'on pour qu'elles soient côte à côte ?

[Arlem]

Comme cela ?

Code:

<div id="co_3" class="mon_contenu" style="display: none;"><div class="box">
  <table style="width: 100%; border-collapse:collapse;"><tr>
      <td><div class="box2"><div align="center"><img src="http://i25.servimg.com/u/f25/14/05/20/17/staff12.png">
      <br><br><table cellspacing="1"><tr>
   
        <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/phg10.jpg" alt="Park Ha Gi" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Park Ha Gi</font><br>
        Fondatrice
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/park_h18.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div>
      </span></div></td>
   
      <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/yumii10.jpg" alt="Yumii" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Yumii</font><br>
        Administratrice
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/yumii_13.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div>
      </span></div></td>
   
      <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/eyna10.jpg" alt="Eyna" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Eyna</font><br>
        Modératrice
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/eyna_011.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div>
      </span></div></td>
   
      <tr><td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/jow_10.jpg" alt="Jow'" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Jow'</font><br>
        Azian' Reporter
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/jow_0210.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div>
      </span></div></td>
   
      <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/cindy10.jpg" alt="Cindy" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Cindy</font><br>
        Azian' Reporter
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/cindy_11.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div>
      </span></div></td>
   
      <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/sakou_12.jpg" alt="Sakou." width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">Sakou.</font><br>
        Azian' Reporter
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/sakou_11.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div>
      </span></div></td>
   
      <td><div class="infobulle">
        <div id="images"><img src="http://i25.servimg.com/u/f25/14/05/20/17/stacix10.jpg" alt="stacyx" width="50" height="100" border="0" class="latest_img" /></a></div>
        <span>
        <font style="font-variant:small-caps;font-weight:bold; color: #DB3A8A; letter-spacing:1px;">stacyx</font><br>
        Azian' Reporter
      <br><img src="http://i25.servimg.com/u/f25/14/05/20/17/stacyx11.jpg"><br><br>
        <div><a href="http://www.elegance-temptation.com/profile.forum?mode=viewprofile&u=1">Profil</a> |
        <a href="http://anthology.bestofforum.com/">MP</a></div>
      </span></div></td>
   
      </tr></tr></table>
   
   
  <td align="center"><div class="box2"><img src="http://i25.servimg.com/u/f25/14/05/20/17/parten12.png"><table><tbody><tr><td>
   
    
      <div class="infobulle2">
      <div align="center"><div id="images2"><img style="opacity: 0.7;" src="http://i25.servimg.com/u/f25/14/05/20/17/kehai-10.jpg" alt="Kehai-Fansub" class="latest_img" height="20" width="20" border="0"></div></div>
      <span>
      <font style="font-variant: small-caps; font-weight: bold; color: rgb(219, 58, 138); letter-spacing: 1px;">Kehai-Fansub</font><br>
      Team de Fansub
      <br><img src="http://i11.servimg.com/u/f11/14/61/04/48/bouton14.jpg"><br>
      <div><a href="http://kehai-fansub-forum.forumpro.fr/index.htm?sid=3a9065ed9df4886144336efb26950dfb">Visiter ?</a></div> 
      </span></div></td>
     
      <td><div class="infobulle2">
      <div align="center"><div id="images2"><img style="opacity: 0.7;" src="http://i25.servimg.com/u/f25/14/05/20/17/brown_10.jpg" alt="Brown Eyed Girls" class="latest_img" height="20" width="20" border="0"></div></div>
      <span>
      <font style="font-variant: small-caps; font-weight: bold; color: rgb(219, 58, 138); letter-spacing: 1px;">Brown Eyed Girls</font><br>
      Forum sur les Brown Eyed Girls
      <br><img src="http://i83.servimg.com/u/f83/11/43/42/74/banbeg17.gif"><br>
      <div><a href="http://browneyedgirls.1fr1.net/forum.htm">Visiter ?</a></div> 
      </span></div></td>
     
    
   <td>  <div class="infobulle2">
      <div align="center"><div id="images2"><img style="opacity: 0.7;" src="http://i25.servimg.com/u/f25/14/05/20/17/bonjou10.jpg" alt="Bonjour Hanguk" class="latest_img" height="20" width="20" border="0"></div></div>
      <span>
      <font style="font-variant: small-caps; font-weight: bold; color: rgb(219, 58, 138); letter-spacing: 1px;">Bonjour Hanguk</font><br>
      Forum sur la Corée du Sud
      <br><img src="http://i85.servimg.com/u/f85/14/05/20/17/logo2-10.gif"><br>
      <div><a href="http://bonjourhanguk.un%20concurrent.com/index.php">Visiter ?</a></div> 
      </span></div></td></tbody></table>
    
     </div></td>   


</tr></tbody></table></div></div>

[Park Ha Gi]

Oui !! Oh, merci beaucoup !!

[Park Ha Gi]

Euh ... comment faire pour éviter la limitation de la longueur du message d'accueil parce que du coup il est trop long ?? --"

[Arlem]

J'ai bien peur que tu ne puisses pas... Le plus simple est que tu mettes ton code dans un widget du forum où alors si tu as accès aux templates que tu le mettes directement dedans.

[Park Ha Gi]

Euh ... j'ai pas très bien compris comment je dois faire --"

[Park Ha Gi]

Est-ce que quelqu'un sait comment m'aider ??

[Anzu]

Bonsoir,

On peut mettre 128 000 caractères dans la page d'accueil, si vous avez dépassé cette limite, impossible de faire autrement.
A vous d'optimiser au mieux la structure de votre page d'accueil, son contenu, et retirer des balises qui pourraient être inutiles. 128 000 c'est déjà pas mal pourtant ..

Cordialement.

[Lixyr]

Euh j'ai remarqué que dans l'info bulle de la dernière image,
dans "Partenariat" (onglet STAFF ET PARTENARIAT",
il y a un gros mélange entre les statistiques, le partenariat et je ne sais quoi encore ...

[Park Ha Gi]

@Anzu : A mince alors .... Bon, ba merci, je vais voir comment faire autrement ...
@Lixyr Yrna : Oui, je sais. Comme, le code est trop long, une partie est supprimé et donc ça fait n'importe quoi après. Mais sinon, mon code est tout as fait OK.

[Lixyr]

Sinon vous pouvez peut-être suivre les indications données dans ce sujet.

[Park Ha Gi]

Merci beaucoup, ça marche. Par contre, ça rends pas super, donc ...