Problème d'affichage [Résolu]

2 participants

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

Résolu Problème d'affichage [Résolu]

Message par iAmyn92 Ven 10 Juin 2016 - 19:08

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis aujourd'hui, la date du jours où j'ai commencé à modifier
Lien du forum : http://knights-order.forumactif.org/

Description du problème

Bonjour, alors comme énnoncé sur le générateur, j'ai un soucis d'affichage, en effet, j'ai procédé à une modification dans les templates (index_box) pour faire apparaître un menu fixé vers la gauche, mais ce menu en question, au lieux d'être à gauche des Catégories & Forum, m'a tout décalé vers le bas, voici une capture du rendu final:
Spoiler:


Dernière édition par iAmyn92 le Dim 12 Juin 2016 - 20:12, édité 1 fois
iAmyn92

iAmyn92
Nouveau membre

Messages : 8
Inscrit(e) le : 10/06/2016

http://scarpa-syndicate.forumactif.org
iAmyn92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage [Résolu]

Message par IzumiRK Ven 10 Juin 2016 - 22:28

Bonjour,
Essaye d'appliquer un float:left à ton menu fixé si ce n'est pas déjà fait. Il sera considéré comme étant "à gauche" du reste et devrait donc arrêter de décaler ton forum vers le bas normalement.
IzumiRK

IzumiRK
****

Messages : 206
Inscrit(e) le : 25/02/2015

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

Résolu Re: Problème d'affichage [Résolu]

Message par iAmyn92 Ven 10 Juin 2016 - 23:29

IzumiRK a écrit:Bonjour,
Essaye d'appliquer un float:left à ton menu fixé si ce n'est pas déjà fait. Il sera considéré comme étant "à gauche" du reste et devrait donc arrêter de décaler ton forum vers le bas normalement.

Bonsoir, donc j'ai fais ce test sans succès, le "float:left;" figure bien dans le .css, et la div et aussiinséré, mais ça ne fonctionne pas.
Le menu est bien centré vers la gauche, mais le forum est toujours en bas, (merci sinon Very Happy).
iAmyn92

iAmyn92
Nouveau membre

Messages : 8
Inscrit(e) le : 10/06/2016

http://scarpa-syndicate.forumactif.org
iAmyn92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage [Résolu]

Message par IzumiRK Ven 10 Juin 2016 - 23:50

La div ?

Sinon peut-être qu'en bidouillant un peu il y a moyen de tricher pour déplacer ton forum vers le haut. Essaye d'ajouter un position:absolute ou un margin-top:-XXXpx dans ton index_box, par exemple en rangeant le tout dans une div à qui tu appliquerais ça ou en l'appliquant à toutes les tables de index_box. C'est du bidouillage mais il y a possibilité que ça fonctionne. Après il y a sûrement une solution plus "normale" mais à défaut de la connaître le bidouillage c'es toujours ça de pris.
IzumiRK

IzumiRK
****

Messages : 206
Inscrit(e) le : 25/02/2015

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

Résolu Re: Problème d'affichage [Résolu]

Message par iAmyn92 Sam 11 Juin 2016 - 14:56

IzumiRK a écrit:La div ?

Sinon peut-être qu'en bidouillant un peu il y a moyen de tricher pour déplacer ton forum vers le haut. Essaye d'ajouter un position:absolute ou un margin-top:-XXXpx dans ton index_box, par exemple en rangeant le tout dans une div à qui tu appliquerais ça ou en l'appliquant à toutes les tables de index_box. C'est du bidouillage mais il y a possibilité que ça fonctionne. Après il y a sûrement une solution plus "normale" mais à défaut de la connaître le bidouillage c'es toujours ça de pris.

Bonjour, donc totu d'abord merci de porter importance à mon problème, ça fait plaisir.

Ensuite, je n'ai pas tout à fait compris ce que tu essaye de m'expliquer, cela dit, je peux mettre à disposition mes codes CSS & Index_box si besoin, les voici:

Code:
.gauche {
    float: left;
    }
   
 
    .droite {
    float: right;
    }
   
#list{
   -moz-box-shadow:0 0 7px 2px rgba(0,0,0,0.6);
   -webkit-box-shadow:0 0 7px 2px rgba(0,0,0,0.6);
   background:transparent url(http://img11.hostingpics.net/pics/6368071690.png) top left repeat;
   border:3px;
   box-shadow:0 0 7px 2px rgba(0,0,0,0.6);
   color:#000;
   font-size:13px;
   height:700px;
   margin-bottom:-40px;
   margin-top:8px;
   overflow:hidden;
   width:180px
   }

   .titremen{
   background-image:url(http://i21.servimg.com/u/f21/19/26/32/20/8811.png);
   border-:3px;
   color:#000;
   height:30px;
   margin-bottom:6px;
   text-align:center;
   width:180px
   }
   
   .titremen1{
   background-image:url(http://i21.servimg.com/u/f21/19/26/32/20/8811.png);
   border-:3px;
   color:#000;
   height:30px;
   margin-bottom:6px;
   margin-top:8px;
   position:relative;
   text-align:center;
   width:auto;
   z-index:805
   }
   
   .l_titre{
   color:#786257;
   display:inline-block;
   font-family:Philosopher, cursive;
   font-size:13px;
   margin-top:6px;
   text-shadow:2px 1px 2px rgba(0,0,0,0.75);
   text-transform:uppercase
   }
   
   #menu2{
   -moz-box-shadow:0 0 7px 2px rgba(0,0,0,0.6);
   -webkit-box-shadow:0 0 7px 2px rgba(0,0,0,0.6);
   background:transparent url(http://img11.hostingpics.net/pics/6368071690.png) top left repeat;
   border:3px;
   border-radius:0 0 10px 10px;box-shadow:0 0 7px 2px rgba(0,0,0,0.6);
   color:#000;
        font-size:13px;
   height:456px;
   overflow:hidden;
   width:180px
   }
   
   #partenaires{
   -moz-box-shadow:0 0 7px 2px rgba(0,0,0,0.6);
   -webkit-box-shadow:0 0 7px 2px rgba(0,0,0,0.6);
   background:transparent url(http://img11.hostingpics.net/pics/6368071690.png) top left repeat;
   border:3px;
   box-shadow:0 0 7px 2px rgba(0,0,0,0.6);
   color:#000;
   font-size:13px;
   height:312px;
   margin-top:-30px;
   overflow:hidden;
   width:180px
   }

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<tr><div class="gauche"><div id="list">
                                                                                                                                                                                                                                                                                                                                                      
   <div class="titremen">
                                                                                          <span class="l_titre">Crime Syndicate</span>                           
      <center>
                                     <img src="http://img15.hostingpics.net/pics/680994trophies1.png" />                           
      </center>
                                                                                                                                     
   </div>
                                                                                                           <a href="http://www.crime-syndicate.com/h18-crime-syndicate">                                           
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                            <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Le Crime Syndicate                                                               
   </div></a>                              <a href="http://www.crime-syndicate.com/h19-nous-rejoindre">                                           
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                          <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" /> Nous Rejoindre                                                                   
   </div></a>                                <a href="http://www.crime-syndicate.com/h20-notre-histoire">                                             
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                          <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />  Nos Origines
   </div></a><a href="http://www.crime-syndicate.com/h27-nos-activites">                                             
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                          <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />  Nos Activités                                                                   
   </div></a>                                                <a href="http://www.crime-syndicate.com/h22-nos-grades   ">                                           
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                        <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />  Notre Hiérarchie                                                                   
   </div></a>                                                              <a href="http://www.crime-syndicate.com/h24-legendes   ">                                                 
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                        <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Légendes                                                                   
   </div></a>                                <a href="http://www.crime-syndicate.com/h25-creer-une-section   ">                                                 
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                      <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Créer une section                                                                   
   </div></a>                                                                                                           
   <div class="titremen">
                                            <span class="l_titre"> Metropolis</span>                         
      <center>
                                     <img src="http://img15.hostingpics.net/pics/680994trophies1.png" />                           
      </center>
                                                                                                                                     
   </div>
                                     <a href="">                                    </a>             
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                        <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Métropolis    <img src="http://img15.hostingpics.net/pics/93963214451788408566animation3.gif" />                                     
   </div><a href="">  </a><a href="">                                  </a>             
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                    <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />      Voix du Crime  <img src="http://img15.hostingpics.net/pics/93963214451788408566animation3.gif" />                                                                         
   </div><a href=""></a>                                                                                                 
   <div class="titremen">
                                            <span class="l_titre"> Vitrines des clans</span>                             
      <center>
                                     <img src="http://img15.hostingpics.net/pics/680994trophies1.png" />                           
      </center>
                                                                                                                                 
   </div>
                                                                                                                                                                                   <a href="http://www.crime-syndicate.com/t130-clan-depecco-ou-la-politisation-du-crime-organise   ">                                               
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                          <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" /> Clan Depecco                                                                   
   </div></a>                                <a href="http://www.crime-syndicate.com/t2296-clan-fenice-le-retour-des-rois">                                             
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                          <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />  Clan Fenice                                                                   
   </div></a>                                <a href="http://www.crime-syndicate.com/t8447-clan-montero-souviens-toi-de-toujours-oser">                                               
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
              <img class="icone" src="http://img11.hostingpics.net
/pics/957979icon51.png" />  Clan Montero                                                                 
   </div></a>                            <a href="http://www.crime-syndicate.com/t403-clan-norn-les-nordiques-sanguinaires">                                           
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                                                                                <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Clan Norn                                                                   
   </div></a>                              <a href="http://www.crime-syndicate.com/t220-clan-winchester-let-s-rock">                                       
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                                                  <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Clan Winchester                                                                   
   </div></a>                                                                                                                                                         
   <div class="titremen">
                                                                                                                    <span class="l_titre">Administration</span>                             
      <center>
                                     <img src="http://img15.hostingpics.net/pics/680994trophies1.png" />                           
      </center>
                                                                                                                             
   </div>
                                                                   <a href="http://www.crime-syndicate.com/h8-fiches-formulaires">                                         
   <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />Formulaires                                                                   
   </div></a>                                           
</div>
 </td></tr></table><div style="height:1px"></div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td  align="left"><div id="menu2" style="margin-top:5px;">
                                                                                
   <div class="titremen">
                              <span class="l_titre">Nos Partenaires</span>                                       
      <center>
                                                 <img src="http://img15.hostingpics.net/pics/680994trophies1.png" />                                       
      </center>
                                                   
   </div>
                           <span class="class_l"></span>                                                                                 
   <marquee onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="0" scrollamount="4" direction="down" style="height: 460px;">
                                                                             
      <center>
                 <a rel="nofollow" target="_blank" class="postlink" href="https://habbdesign.fr/"><img alt="" src="https://habbdesign.fr/i/banniere.png" border="0" /><br /><br /> </a><a rel="nofollow" target="_blank" class="postlink" href="http://habbunivers.com "><img alt="" src="http://img15.hostingpics.net/pics/797489bannhabbouniv.png" border="0" /><br /><br />                                            </a>                    <a href=" http://www.universiteuniverselle.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i18.servimg.com/u/f18/18/72/44/21/bannie10.gif" alt="" border="0" /><br /><br /></a><a href=" http://www.habbstars.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://habbstars.org/files/uploads/2015/10/Logo-partenaire-Habbstars.gif" alt="" border="0" /><br /><br /></a><a href="http://i18.servimg.com/u/f18/18/72/44/21/bannie10.gif" class="postlink" target="_blank" rel="nofollow"></a>                                                                                                                                          <a rel="nofollow" target="_blank" class="postlink" href="http://habbgeek.com/"><img alt="" src="http://habbgeek.com/images/banner_partners.gif" border="0" /><br /></a><a rel="nofollow" target="_blank" class="postlink" href="http://pen-print.com/"><br /></a>        <a rel="nofollow" target="_blank" class="postlink" href="http://fanstory.fr/"><img alt="" src="http://img11.hostingpics.net/pics/7286064do2.png" border="0" /><br /><br />                                              </a>      <a rel="nofollow" target="_blank" class="postlink" href="http://www.lamocheattitude.org/"> </a><a rel="nofollow" target="_blank" class="postlink" href="http://www.habbstray.com/"><img alt="" src="http://i30.servimg.com/u/f30/09/00/13/35/fb7de410.gif" border="0" /><br /><br /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.habbstray.com"></a><a rel="nofollow" target="_blank" class="postlink" href="http://famiglianitti1940.forumfree.it/"><img alt="" src="http://i.imgur.com/LTMbZ7I.gif" border="0" /><br /><br /></a><a rel="nofollow" target="_blank" class="postlink" href="http://famiglianitti1940.forumfree.it/"></a> <a href="http://mangetoica.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i1.wp.com/mangetoica.com/wp-content/uploads/2012/05/logo2.gif" alt="" border="0" /><br /><br /></a><a href="http://i1.wp.com/mangetoica.com/wp-content/uploads/2012/05/logo2.gif" class="postlink" target="_blank" rel="nofollow"></a>                                                              <a rel="nofollow" target="_blank" class="postlink" href="http://fanstory.fr/"></a>  <span class="class_l"></span>                                   
      </center>
                                                             
   </marquee>
                                                                      
</div></td></tr></table>   
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Le HTML que j'ai ajouté se trouve entre la ligne 20 et la ligne 119.
iAmyn92

iAmyn92
Nouveau membre

Messages : 8
Inscrit(e) le : 10/06/2016

http://scarpa-syndicate.forumactif.org
iAmyn92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage [Résolu]

Message par IzumiRK Sam 11 Juin 2016 - 19:11

Hm... On va essayer quelque chose. Remplace ton code par ça :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" style="float:right;" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
<div class="gauche">
<table>
<tr>
<td><div id="list">
                                                                                                                                                                                                                                                                                                                                                     
  <div class="titremen">
                                                                                          <span class="l_titre">Crime Syndicate</span>                           
      <center>
                                    <img src="http://img15.hostingpics.net/pics/680994trophies1.png" />                           
      </center>
                                                                                                                                     
  </div>
                                                                                                          <a href="http://www.crime-syndicate.com/h18-crime-syndicate">                                           
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                            <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Le Crime Syndicate                                                               
  </div></a>                              <a href="http://www.crime-syndicate.com/h19-nous-rejoindre">                                           
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                          <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" /> Nous Rejoindre                                                                   
  </div></a>                                <a href="http://www.crime-syndicate.com/h20-notre-histoire">                                             
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                          <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />  Nos Origines
  </div></a><a href="http://www.crime-syndicate.com/h27-nos-activites">                                             
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                          <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />  Nos Activités                                                                   
  </div></a>                                                <a href="http://www.crime-syndicate.com/h22-nos-grades  ">                                           
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                        <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />  Notre Hiérarchie                                                                   
  </div></a>                                                              <a href="http://www.crime-syndicate.com/h24-legendes  ">                                                 
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                        <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Légendes                                                                   
  </div></a>                                <a href="http://www.crime-syndicate.com/h25-creer-une-section  ">                                                 
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: none 0% 0% repeat scroll rgb(115, 18, 16);" class="button">
                                                                      <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Créer une section                                                                   
  </div></a>                                                                                                           
  <div class="titremen">
                                            <span class="l_titre"> Metropolis</span>                         
      <center>
                                    <img src="http://img15.hostingpics.net/pics/680994trophies1.png" />                           
      </center>
                                                                                                                                     
  </div>
                                    <a href="">                                    </a>             
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                        <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Métropolis    <img src="http://img15.hostingpics.net/pics/93963214451788408566animation3.gif" />                                     
  </div><a href="">  </a><a href="">                                  </a>             
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                    <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />      Voix du Crime  <img src="http://img15.hostingpics.net/pics/93963214451788408566animation3.gif" />                                                                         
  </div><a href=""></a>                                                                                                 
  <div class="titremen">
                                            <span class="l_titre"> Vitrines des clans</span>                             
      <center>
                                    <img src="http://img15.hostingpics.net/pics/680994trophies1.png" />                           
      </center>
                                                                                                                                 
  </div>
                                                                                                                                                                                  <a href="http://www.crime-syndicate.com/t130-clan-depecco-ou-la-politisation-du-crime-organise  ">                                               
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                          <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" /> Clan Depecco                                                                   
  </div></a>                                <a href="http://www.crime-syndicate.com/t2296-clan-fenice-le-retour-des-rois">                                             
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                          <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />  Clan Fenice                                                                   
  </div></a>                                <a href="http://www.crime-syndicate.com/t8447-clan-montero-souviens-toi-de-toujours-oser">                                               
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
              <img class="icone" src="http://img11.hostingpics.net
/pics/957979icon51.png" />  Clan Montero                                                                 
  </div></a>                            <a href="http://www.crime-syndicate.com/t403-clan-norn-les-nordiques-sanguinaires">                                           
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                                                                                <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Clan Norn                                                                   
  </div></a>                              <a href="http://www.crime-syndicate.com/t220-clan-winchester-let-s-rock">                                     
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                                                  <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />    Clan Winchester                                                                   
  </div></a>                                                                                                                                                         
  <div class="titremen">
                                                                                                                    <span class="l_titre">Administration</span>                             
      <center>
                                    <img src="http://img15.hostingpics.net/pics/680994trophies1.png" />                           
      </center>
                                                                                                                             
  </div>
                                                                  <a href="http://www.crime-syndicate.com/h8-fiches-formulaires">                                         
  <div onmouseout="this.style.background='#731210';" onmouseover="this.style.background='#6C5C4E';" style="background: rgb(115, 18, 16) none repeat scroll 0% 0%;" class="button">
                                                                <img class="icone" src="http://img11.hostingpics.net/pics/957979icon51.png" />Formulaires                                                                   
                                                                    </div></a> </div>
  </td></tr></table>
<div style="height:1px"></div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td  align="left"><div id="menu2" style="margin-top:5px;">
                                                                               
  <div class="titremen">
                              <span class="l_titre">Nos Partenaires</span>                                       
      <center>
                                                <img src="http://img15.hostingpics.net/pics/680994trophies1.png" />                                       
      </center>
                                                   
  </div>
                          <span class="class_l"></span>                                                                                 
  <marquee onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="0" scrollamount="4" direction="down" style="height: 460px;">
                                                                             
      <center>
                <a rel="nofollow" target="_blank" class="postlink" href="https://habbdesign.fr/"><img alt="" src="https://habbdesign.fr/i/banniere.png" border="0" /><br /><br /> </a><a rel="nofollow" target="_blank" class="postlink" href="http://habbunivers.com "><img alt="" src="http://img15.hostingpics.net/pics/797489bannhabbouniv.png" border="0" /><br /><br />                                            </a>                    <a href=" http://www.universiteuniverselle.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i18.servimg.com/u/f18/18/72/44/21/bannie10.gif" alt="" border="0" /><br /><br /></a><a href=" http://www.habbstars.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://habbstars.org/files/uploads/2015/10/Logo-partenaire-Habbstars.gif" alt="" border="0" /><br /><br /></a><a href="http://i18.servimg.com/u/f18/18/72/44/21/bannie10.gif" class="postlink" target="_blank" rel="nofollow"></a>                                                                                                                                          <a rel="nofollow" target="_blank" class="postlink" href="http://habbgeek.com/"><img alt="" src="http://habbgeek.com/images/banner_partners.gif" border="0" /><br /></a><a rel="nofollow" target="_blank" class="postlink" href="http://pen-print.com/"><br /></a>        <a rel="nofollow" target="_blank" class="postlink" href="http://fanstory.fr/"><img alt="" src="http://img11.hostingpics.net/pics/7286064do2.png" border="0" /><br /><br />                                              </a>      <a rel="nofollow" target="_blank" class="postlink" href="http://www.lamocheattitude.org/"> </a><a rel="nofollow" target="_blank" class="postlink" href="http://www.habbstray.com/"><img alt="" src="http://i30.servimg.com/u/f30/09/00/13/35/fb7de410.gif" border="0" /><br /><br /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.habbstray.com"></a><a rel="nofollow" target="_blank" class="postlink" href="http://famiglianitti1940.forumfree.it/"><img alt="" src="http://i.imgur.com/LTMbZ7I.gif" border="0" /><br /><br /></a><a rel="nofollow" target="_blank" class="postlink" href="http://famiglianitti1940.forumfree.it/"></a> <a href="http://mangetoica.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i1.wp.com/mangetoica.com/wp-content/uploads/2012/05/logo2.gif" alt="" border="0" /><br /><br /></a><a href="http://i1.wp.com/mangetoica.com/wp-content/uploads/2012/05/logo2.gif" class="postlink" target="_blank" rel="nofollow"></a>                                                              <a rel="nofollow" target="_blank" class="postlink" href="http://fanstory.fr/"></a>  <span class="class_l"></span>                                   
      </center>
                                                             
  </marquee></div>                                                                     
</td></tr></table>  </div> 
(j'ai placé le code de ton volet gauche à la fin du template et encadré le tout dans ton div classe gauche). Ensuite modifie cette partie de ton css :
Code:
.gauche {
    float: left;
  position:absolute;
  top: XXpx /*hauteur de ta bannière*/;
    }
Normalement, si ça fait comme sur mon forum test, ça devrait résoudre le problème.
IzumiRK

IzumiRK
****

Messages : 206
Inscrit(e) le : 25/02/2015

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

Résolu Re: Problème d'affichage [Résolu]

Message par iAmyn92 Dim 12 Juin 2016 - 1:14

Voici le rendu final, c'est pas exactement ce que je souhaitais, mais ça se rapproche, de base, les catégories s'adaptent en fonction du menu, et le menu est moins en hauteur, quand je diminie la hauteur de la bannière ça déforme.

Spoiler:
iAmyn92

iAmyn92
Nouveau membre

Messages : 8
Inscrit(e) le : 10/06/2016

http://scarpa-syndicate.forumactif.org
iAmyn92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage [Résolu]

Message par IzumiRK Dim 12 Juin 2016 - 9:51

Il faut augmenter le nombre dans le CSS. Par exemple si tu mets top:900px; ton menu se placera à 900px du haut de la page. D'où le fait que je t'ai dit "hauteur de ta bannière", pour que le menu se place automatiquement sous le niveau de ta bannière.
IzumiRK

IzumiRK
****

Messages : 206
Inscrit(e) le : 25/02/2015

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

Résolu Re: Problème d'affichage [Résolu]

Message par iAmyn92 Dim 12 Juin 2016 - 14:27

Je te remercie beaucoup pour ton aide qui finit par porter ses fruits Very Happy
Cependant, avec quelques recherches moi aussi, il est temps de remedier à ce dernier problème:
Spoiler:
Ou même visite http://knights-order.forumactif.org/

Le menu cache les catégories & forum,chose qui devrait se mettre sur la droite du menu, comment faire? (tu es un amour Izumi Very Happy)
iAmyn92

iAmyn92
Nouveau membre

Messages : 8
Inscrit(e) le : 10/06/2016

http://scarpa-syndicate.forumactif.org
iAmyn92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage [Résolu]

Message par IzumiRK Dim 12 Juin 2016 - 14:32

Tu peux soit ajouter un "left XXpx" pour positionner ton menu par rapport au côté gauche de ton écran et le décaler hors de la zone de tes catégories, soit essayer en ajoutant :
Code:
margin-right: XXpx/* largeur de ton menu */
IzumiRK

IzumiRK
****

Messages : 206
Inscrit(e) le : 25/02/2015

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

Résolu Re: Problème d'affichage [Résolu]

Message par iAmyn92 Dim 12 Juin 2016 - 14:36

Je l'ajoute où s'il te plaît ? CSS / INDEX_BOX?
iAmyn92

iAmyn92
Nouveau membre

Messages : 8
Inscrit(e) le : 10/06/2016

http://scarpa-syndicate.forumactif.org
iAmyn92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage [Résolu]

Message par IzumiRK Dim 12 Juin 2016 - 15:10

Toujours dans le même morceau du Css ^^ Dans ton .gauche


Dernière édition par IzumiRK le Dim 12 Juin 2016 - 15:17, édité 1 fois
IzumiRK

IzumiRK
****

Messages : 206
Inscrit(e) le : 25/02/2015

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

Résolu Re: Problème d'affichage [Résolu]

Message par iAmyn92 Dim 12 Juin 2016 - 15:11

Justement ça ne fait rien x)
iAmyn92

iAmyn92
Nouveau membre

Messages : 8
Inscrit(e) le : 10/06/2016

http://scarpa-syndicate.forumactif.org
iAmyn92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage [Résolu]

Message par IzumiRK Dim 12 Juin 2016 - 15:29

Bon =/ tu as pensé aux point-virgules à la fin de chaque ligne de ton css ? Sinon essaye en mettant quelque chose comme :
Code:
left:-0;
ou
Code:
left:-50px
Ça le décalera vers la gauche mais le problème c'est que ça risque du coup d'empiéter sur tes drapeaux =/
IzumiRK

IzumiRK
****

Messages : 206
Inscrit(e) le : 25/02/2015

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

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

- Sujets similaires

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