Problème d'affichage sur l’accueil.

[Invité]

Merci de venir sur le sujet, avant toute question, oui j'ai cherché sur le forum mais je n'ai pas trouvé ce qui m'aiderait ...

Je n'étais que modo sur un forum, qui est tombé mort. J'ai demandé à être admin pour le remettre en état et réouvrir ... Sauf que j'ai touché à un code de la page d'accueil ... Et j'ai tout fait planté ! Je suis dans l'incapacité de réparer mon erreur... J'l'aimais bien le tableau en onglet ..

Voilà le massacre ; http://myth-of-legend.forumactif.com/

Cliquez sur les autres onglets, "liens", "statistiques" etc ...

Si ce n'est pas rattrapable .... C'pas dramatique, mais je n'ai jamais touché à une page d'administration donc je ne sais pas comment faire une page d'accueil disgn. J'ai vu vite fait des tutos ... Mais encore plus abstrait et incompréhensible que de la philo et de l'art abstrait. '.'

Remerci de la lecture ! :O

[Invité]

Bonjour,

pas toujours facile de reprendre un forum, pour votre problème ...

il manque un script : https://sd-1.archive-host.com/membres/up/77252600546618716/onglet.js

[Invité]

Je me doute. A la base il y avait un 4 membres du staff, mais vu que je suis devenue le dieu du forum, j'l'aime pas donc je le vire.

Et en tentant d'effacer son nom dans l'onglet ... J'ai enlever des codes importants ... J'arrive à suivre le CSS mais je ne le comprends pas ... Je vous le mets. Il est long ...

Code:

<!-- Header -->
<center><imguser2><img src="http://i69.servimg.com/u/f69/16/09/56/43/gw2_ce10.jpg" border="0" alt="" /></imguser2></center>



<script src="http://sd-1.archive-host.com/membres/up/77252600546618716/onglet.js"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Staff</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Statistiques</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Titans disponibles</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Liens rapides</li>
<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Partenaires</li>

<li id="o_6" class="mon_onglet" onclick="changeOnglet(this);">VOTER !</li>

</ul>
       




        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu">
<center><table border="0"><tr><td align="left"><div style="margin:auto;text-align:center;width:100%"><strong><font color="red">Aravis</font></strong><br>
<img src="http://i29.servimg.com/u/f29/16/09/56/43/aravis12.jpg" border="0" alt="" /><br>
<font color="red">Admin</font></div></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><strong><font color="red">Aurion</font></strong><br>
<img src="http://i29.servimg.com/u/f29/16/09/56/43/aurion10.jpg" border="0" alt="" /><br>
<font color="red">Admin</font></div> </td><td align="left"><div style="margin:auto;text-align:center;width:100%"><strong><font color="cyan">Kuragari Nyx</font></strong><br>
<img src="http://i29.servimg.com/u/f29/16/09/56/43/kuraga10.jpg" border="0" alt="" /><br>
<font color="cyan">Admin</font></div></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><strong><font color="red">Aurion</font></strong><br>








    <div id="co_3" class="mon_contenu" style="display: none;"><div style="margin:auto;text-align:center;width:100%">

<center><table border="0"><tr><td align="center"><font color="chocolate">Basilic</font>
<br>

<img src="http://data.imagup.com/8/1120332212.png" border="0" alt="" /> </td><td align="center"><font color="cyan">Kraken</font>
<br>

<img src="http://data.imagup.com/9/1120332244.png" border="0" alt="" /> </td><td align="center">
<font color="cyan">Loch</font>
<br>

<img src="http://data.imagup.com/7/1120332271.png" border="0" alt="" /> </td></tr></table></center>

</div></div></div>








    <div id="co_4" class="mon_contenu" style="display: none;">
<imguser><a href="http://myth-of-legend.forumactif.com/f1-reglement" class="postlink"><img src="http://data.imagup.com/5/1118227045.png" border="0" alt="" /></a></imguser>
<br>
<imguser><a href="http://myth-of-legend.forumactif.com/t4-l-histoire-a-lire-imperativement" class="postlink"><img src="http://data.imagup.com/5/1118227125.png" border="0" alt="" /></a></imguser>

<imguser><a href="http://myth-of-legend.forumactif.com/f17-les-creatures-d-isydra" class="postlink"><img src="http://data.imagup.com/4/1118227152.png" border="0" alt="" /></a></imguser>

<imguser><a href="http://myth-of-legend.forumactif.com/f21-echoppe" class="postlink"><img src="http://data.imagup.com/5/1118227178.png" border="0" alt="" /></a></imguser></div>



















    <div id="co_6" class="mon_contenu" style="display: none;">
<table border="0">
<tr><td align="left"><img src="http://www.heberger-image.fr/data/images/42332_ellipse_copie.png" border="0" alt="" /></td>

<td align="left"><span style="font-size: 16px; line-height: normal">Classement du forum</span>:
<br>
<br>
TOP SITES RPG: <font color="red">68ème</font>
<br>
TOP 50 RPG - Obsession: <font color="red">73ème</font>
<br>
TOP 50 All - RPG: <font color="red">38ème</font>
<br>
Moonlight Top RPG: <font color="red">25ème</font>
<br>
TOP Heroic Fantasy: <font color="red">20ème</font>
<br>
Best RPG: <font color="red">48ème</font></td>

<td align="right"><div style="margin:auto;text-align:center;width:100%"><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7308"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" border="0" alt="top sites rpg" title="top sites rpg"></a></div>
<br>

<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16909"><img src="http://img.root-top.com/topsite/obsession27/banner.gif" border="0" alt="top rpg" title="top rpg"></a>

<a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=2175">
<img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" border="0"></a>

<a href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=2529">
<img src="http://img.root-top.com/topsite/moonlighttoprpg/banner.gif" border="0"></a>

<a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1179">
<img src="http://img.root-top.com/topsite/heroicfantasy/banner.gif" border="0"></a>

<a href="http://www.root-top.com/topsite/odealavie/in.php?ID=1033">
<img src="http://img.root-top.com/topsite/odealavie/banner.gif" border="0"></a> </td></tr></table>
</div></div><div id="co_2" class="mon_contenu" style="display: none;">
<table border="0"><tr><td align="left"><img src="http://www.heberger-image.fr/data/images/46367_sirene_p140310d.png" border="0" alt="" /> </td><td align="left"><div style="margin:auto;text-align:center;width:100%"><img src="http://www.heberger-image.fr/data/images/27930_bordure0001_copie.png" border="0" alt="" />
<br><div style="text-shadow: #000000 2px 2px 2px"><font color="cyan">Nous sommes le <font color="blue"><strong><span style="font-size: 18px; line-height: normal">{NOW}</span></strong></font>
<br>
Nous avons <font color="blue"><strong><span style="font-size: 18px; line-height: normal">{FORUMCOUNTPOST}</span></strong></font> messages postés
<br>
<font color="blue"><strong><span style="font-size: 18px; line-height: normal">{FORUMCOUNTUSER}</span></strong></font> membres
<br>
Le dernier membre enregistré est <font color="blue"><strong><span style="font-size: 18px; line-height: normal">{FORUMLASTUSER}</span></strong></font>
<br>
<font color="blue"><strong><span style="font-size: 18px; line-height: normal">{USER&amp;#8288;NAME}</span></strong></font> a posté <font color="blue"><strong><span style="font-size: 18px; line-height: normal">{USERCOUNTPOST}</span></strong></font> messages !</font>
<br>
<img src="http://www.heberger-image.fr/data/images/27930_bordure0001_copie.png" border="0" alt="" /></div> </td><td align="left"><img src="http://www.heberger-image.fr/data/images/89338_sirene_d140310s.png" border="0" alt="" /> </td></tr></table>
</div></ul><div id="co_5" class="mon_contenu" style="display: none;"">
<table border="0"><tr><td align="left"><img src="http://data.imagup.com/7/1122030931.png" border="0" alt="" /> </td><td align="center">Notre bouton de partenariat:
<br>
<img src="http://i29.servimg.com/u/f29/16/09/56/43/bannie11.jpg" border="0" alt="" />
<br>
</span><table width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed"><b>Code:</b></span></td></tr><tr><td class="code"><div class="cont_code" curpos="0" maxpos="0" pageincrement="480" increment="10" collapsed="true">[url=http://myth-of-legend.forumactif.com/][img]http://i29.servimg.com/u/f29/16/09/56/43/bannie11.jpg[/img][/url]</div></td></tr></table><span class="postbody">
<br>
<br>



Nos partenaires:
<br>

<a href="http://flame-of-akai.forumsactifs.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i24.servimg.com/u/f24/16/44/43/92/bouton10.png" border="0" alt="" /></a>
<br>
<br>


Vous aussi, faites votre demande: <a href="http://myth-of-legend.forumactif.com/f67-demande-de-partenariat?tid=1f792990bf09b780a2bb96c8ca7b2f7d" class="postlink">ICI</a> </td><td align="right"><img src="http://data.imagup.com/7/1122030965.png" border="0" alt="" /> </td></tr></table>
</div></div>







</div><div align="left"><font color="red">contact.mythoflegend@gmail.com</font></div>

EDITE ; Il manque un script. Hum ... Comment faire alors ? T.T' Merci de votre aide en tout cas !

[Invité]

Upinou ? ; w ;

[Invité]

pas simple, faut soit :

retrouver le script d'origine l'héberger ou le mettre dans le pa et modifier le code HTML en fonction.
ou refaire les onglets a partir d'un nouveau script.

[Invité]

Bonjour,

En remettant un peu d'ordre dans les ouvertures et fermetures de div et de table, est-ce mieux?

Code:

<!-- Header -->
<center><imguser2><img src="http://i69.servimg.com/u/f69/16/09/56/43/gw2_ce10.jpg" border="0" alt=""/></imguser2></center>
<script src="http://sd-1.archive-host.com/membres/up/77252600546618716/onglet.js"></script>
<div id="mes_onglets">
   <ul>
      <li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Staff</li>
      <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Statistiques</li>
      <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Titans disponibles</li>
      <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Liens rapides</li>
      <li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Partenaires</li>
      <li id="o_6" class="mon_onglet" onclick="changeOnglet(this);">VOTER !</li>
   </ul>
   <div class="clear">
   </div>
   <div id="mes_contenus">
      <div id="co_1" class="mon_contenu">
         <center>
         <table border="0">
         <tr>
            <td align="left">
               <div style="margin:auto;text-align:center;width:100%">
                  <strong><font color="red">Aravis</font></strong><br>
                  <img src="http://i29.servimg.com/u/f29/16/09/56/43/aravis12.jpg" border="0" alt=""/><br>
                  <font color="red">Admin</font>
               </div>
            </td>
            <td align="left">
               <div style="margin:auto;text-align:center;width:100%">
                  <strong><font color="red">Aurion</font></strong><br>
                  <img src="http://i29.servimg.com/u/f29/16/09/56/43/aurion10.jpg" border="0" alt=""/><br>
                  <font color="red">Admin</font>
               </div>
            </td>
            <td align="left">
               <div style="margin:auto;text-align:center;width:100%">
                  <strong><font color="cyan">Kuragari Nyx</font></strong><br>
                  <img src="http://i29.servimg.com/u/f29/16/09/56/43/kuraga10.jpg" border="0" alt=""/><br>
                  <font color="cyan">Admin</font>
               </div>
            </td>
            <td align="left">
               <div style="margin:auto;text-align:center;width:100%">
                  <strong><font color="red">Aurion</font></strong><br>
               </div>
            </td>
         </tr>
         </table>
         </center>
      </div>
      <div id="co_2" class="mon_contenu" style="display: none;">
         <table border="0">
         <tr>
            <td align="left">
               <img src="http://www.heberger-image.fr/data/images/46367_sirene_p140310d.png" border="0" alt=""/>
            </td>
            <td align="left">
               <div style="margin:auto;text-align:center;width:100%">
                  <img src="http://www.heberger-image.fr/data/images/27930_bordure0001_copie.png" border="0" alt=""/>
                  <br>
                  <div style="text-shadow: #000000 2px 2px 2px">
                     <font color="cyan">Nous sommes le <font color="blue"><strong><span style="font-size: 18px; line-height: normal">{NOW}</span></strong></font>
                     <br>
                      Nous avons <font color="blue"><strong><span style="font-size: 18px; line-height: normal">{FORUMCOUNTPOST}</span></strong></font> messages postés <br>
                     <font color="blue"><strong><span style="font-size: 18px; line-height: normal">{FORUMCOUNTUSER}</span></strong></font> membres <br>
                      Le dernier membre enregistré est <font color="blue"><strong><span style="font-size: 18px; line-height: normal">{FORUMLASTUSER}</span></strong></font>
                     <br>
                     <font color="blue"><strong><span style="font-size: 18px; line-height: normal">{USER&amp;#8288;NAME}</span></strong></font> a posté <font color="blue"><strong><span style="font-size: 18px; line-height: normal">{USERCOUNTPOST}</span></strong></font> messages !</font>
                     <br>
                     <img src="http://www.heberger-image.fr/data/images/27930_bordure0001_copie.png" border="0" alt=""/>
                  </div>
               </div>
            </td>
            <td align="left">
               <img src="http://www.heberger-image.fr/data/images/89338_sirene_d140310s.png" border="0" alt=""/>
            </td>
         </tr>
         </table>
      </div>
      <div id="co_3" class="mon_contenu" style="display: none;">
         <div style="margin:auto;text-align:center;width:100%">
            <center>
            <table border="0">
            <tr>
               <td align="center">
                  <font color="chocolate">Basilic</font>
                  <br>
                  <img src="http://data.imagup.com/8/1120332212.png" border="0" alt=""/>
               </td>
               <td align="center">
                  <font color="cyan">Kraken</font>
                  <br>
                  <img src="http://data.imagup.com/9/1120332244.png" border="0" alt=""/>
               </td>
               <td align="center">
                  <font color="cyan">Loch</font>
                  <br>
                  <img src="http://data.imagup.com/7/1120332271.png" border="0" alt=""/>
               </td>
            </tr>
            </table>
            </center>
         </div>
      </div>
      <div id="co_4" class="mon_contenu" style="display: none;">
         <imguser><a href="http://myth-of-legend.forumactif.com/f1-reglement" class="postlink"><img src="http://data.imagup.com/5/1118227045.png" border="0" alt=""/></a></imguser>
         <br>
         <imguser><a href="http://myth-of-legend.forumactif.com/t4-l-histoire-a-lire-imperativement" class="postlink"><img src="http://data.imagup.com/5/1118227125.png" border="0" alt=""/></a></imguser>
         <imguser><a href="http://myth-of-legend.forumactif.com/f17-les-creatures-d-isydra" class="postlink"><img src="http://data.imagup.com/4/1118227152.png" border="0" alt=""/></a></imguser>
         <imguser><a href="http://myth-of-legend.forumactif.com/f21-echoppe" class="postlink"><img src="http://data.imagup.com/5/1118227178.png" border="0" alt=""/></a></imguser>
      </div>
      <div id="co_5" class="mon_contenu" style="display: none;"">
         <table border="0">
         <tr>
            <td align="left">
               <img src="http://data.imagup.com/7/1122030931.png" border="0" alt=""/>
            </td>
            <td align="center">
                Notre bouton de partenariat: <br>
               <img src="http://i29.servimg.com/u/f29/16/09/56/43/bannie11.jpg" border="0" alt=""/>
               <br>
               </span>
               <table width="90%" cellspacing="1" cellpadding="0" border="0" align="center">
               <tr>
                  <td>
                     <span class="genmed"><b>Code:</b></span>
                  </td>
               </tr>
               <tr>
                  <td class="code">
                     <div class="cont_code" curpos="0" maxpos="0" pageincrement="480" increment="10" collapsed="true">
                        <a href="http://myth-of-legend.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/16/09/56/43/bannie11.jpg" border="0" alt=""/></a>
                     </div>
                  </td>
               </tr>
               </table>
               <span class="postbody">
               <br>
               <br>
                Nos partenaires: <br>
               <a href="http://flame-of-akai.forumsactifs.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i24.servimg.com/u/f24/16/44/43/92/bouton10.png" border="0" alt=""/></a>
               <br>
               <br>
                Vous aussi, faites votre demande: <a href="http://myth-of-legend.forumactif.com/f67-demande-de-partenariat?tid=1f792990bf09b780a2bb96c8ca7b2f7d" class="postlink">ICI</a>
            </td>
            <td align="right">
               <img src="http://data.imagup.com/7/1122030965.png" border="0" alt=""/>
            </td>
         </tr>
         </table>
      </div>
      <div id="co_6" class="mon_contenu" style="display: none;">
         <table border="0">
         <tr>
            <td align="left">
               <img src="http://www.heberger-image.fr/data/images/42332_ellipse_copie.png" border="0" alt=""/>
            </td>
            <td align="left">
               <span style="font-size: 16px; line-height: normal">Classement du forum</span>: <br>
               <br>
                TOP SITES RPG: <font color="red">68ème</font>
               <br>
                TOP 50 RPG - Obsession: <font color="red">73ème</font>
               <br>
                TOP 50 All - RPG: <font color="red">38ème</font>
               <br>
                Moonlight Top RPG: <font color="red">25ème</font>
               <br>
                TOP Heroic Fantasy: <font color="red">20ème</font>
               <br>
                Best RPG: <font color="red">48ème</font>
            </td>
            <td align="right">
               <div style="margin:auto;text-align:center;width:100%">
                  <a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7308"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" border="0" alt="top sites rpg" title="top sites rpg"></a>
               </div>
               <br>
               <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16909"><img src="http://img.root-top.com/topsite/obsession27/banner.gif" border="0" alt="top rpg" title="top rpg"></a>
               <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=2175">
               <img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" border="0"></a>
               <a href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=2529">
               <img src="http://img.root-top.com/topsite/moonlighttoprpg/banner.gif" border="0"></a>
               <a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1179">
               <img src="http://img.root-top.com/topsite/heroicfantasy/banner.gif" border="0"></a>
               <a href="http://www.root-top.com/topsite/odealavie/in.php?ID=1033">
               <img src="http://img.root-top.com/topsite/odealavie/banner.gif" border="0"></a>
            </td>
         </tr>
         </table>
      </div>
   </div>
</div>
<div align="left">
   <font color="red">contact.mythoflegend@gmail.com</font>
</div>

Bien sincèrement.

[Invité]

C'est totalement foiré en faite, je retiens que je ne dois pas toucher ce que je ne connais pas trop.

Du coup je suis obligée de tout changer. J'ai trouvé des tutos. Mais je patauge sur le codage html de la page d'accueil maintenant. Mais je suppose que c'est dû au truc div. Je vais essayer de m'en sortir. Merci quand même.

[Invité]

J'aurais besoin d'une dernière chose, le css et html que j'emplois selon un tuto ne me pose pas de problème.

Mais sur la page d'accueil le tableau est collé à l'image au dessus. Il existe un truc à mettre dans le css ou html pour mettre un pitit peu d'espace ?

Normalement ce sera bon après ça. Pour le finition j'essayera de m'en sortir !

[Invité]

Essayez avec un double saut de ligne en dessous du code de l'image (<br /><br /> ) ou alors ajoutez dans votre CSS la propriété "margin-top: XXpx;" à votre tableau.

Bien sincèrement.

[Invité]

Cela a fonctionné ! Merci beaucoup ! Je mets en résolu.