Mettre la barre de navigation hors du "corps du forum" ?

[Kiraxa]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://test-wonderland.forumactif.org/

Description du problème

Bonjouuur !

Je ne sais pas si le titre est très explicite donc je vais lier des captures d'écran et ce devrait être assez clair !

Position de la barre de navigation actuelle : http://test-wonderland.forumactif.org/ celle-ci !

Position de la barre de navigation souhaitée : http://ps-rpg.forumactif.org/ comme ici, elle est juste sous la bannière et pas dans le "corps" du forum.

Il ne me semble pas avoir vu de sujet pour réaliser ça alors voilà, je viens crier au secours ! xD
Merci d'avance ♥

[MlleAlys]

Bonjour,
Sur le forum que vous proposez en exemple, la bannière a également été sortie du cadre du forum ^^

Pour faire de même, il faut déplacer les éléments dans le template :

• Dans affichage > templates > général : éditez le template overall_header
  
  
• repérez ce passage :
  

  Code:

  
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

  Il s'agit des éléments depuis la bannière jusqu'à la barre de navigation.
  

  détail des éléments :

  
  
  
• Ce que vous appelez corps du forum est le tableau contenant la globalité du forum appelé bodylinewidth, et qui commence ici :
  

  Code:

  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

  
  Il faut donc déplacer l'ensemble des éléments avant cette ligne, ce qui donne :
  

  Code:

  <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>
 
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

  
  
• Enregistrez le template
  
• publiez le template
  

Puis il vous faut retirer quelques codes de votre css :

• Allez dans affichage > couleurs > onglet feuille de style css
  
• Supprimez le code suivant (qui permettez de remonter artificiellement la bannière hors du cadre) :
  

  Code:

  img#i_logo {
  margin-top: -500px;
}

• supprimez également le code suivant (qui permettait de descendre le corps du forum) :
  

  Code:

  .bodylinewidth {
  width: 880px;
}

  
  
• repérez le code suivant :
  

  Code:

  .bodyline {
  background: #FFF;
  background-color: #FBFBFB;
  margin-top: -3000px!important;
  padding: 0;
  width: 700px;
}

• Supprimez la ligne margin-top: -3000px!important; qui ne sert à rien (c'est une cellule de tableau, donc on ne peut pas lui appliquer de marge, et le !important n'y change rien ^^), ce qui donne :
  

  Code:

  .bodyline {
  background: #FFF;
  background-color: #FBFBFB;
  padding: 0;
  width: 700px;
}

• enregistrez la feuille de style
  

=> Actualisez votre forum ^^

[Kiraxa]

J'ai réussi à sortir la barre de navigation mais j'ai un petit souci du coup.. : http://test-wonderland.forumactif.org/

Ca s'est fait après que j'ai touché au CSS ! ^^

(édit: j'ai bidouillé pour la barre, mais l'espace de droite en bleu est plus épais que l'espace de gauche en bleu, le bodyline n'est pas centré.. x_x)

[MlleAlys]

Hmmm je ne me souviens plus bien de comment c'était avant, les fonds ont disparu ? ou c'est la couleur des liens qui a changé ?
Vous avez dû faire une erreur en modifiant le css, pourriez vous le fournir en entier s'il vous plait ? ^^

[Kiraxa]

J'ai édité mon message précédent !

Voilà mon CSS entier:

Code:

/* BORDURES MOCHES */
td.catHead {
border: none;
font-size:11px;
}
td.catBottom, th.thBottom {
border: none !important;
}
img#i_logo {
  margin-top: -500px;
}
.gensmall {
  font-size:12px;
    font-family: arial;
  color: black;
}
/*------------------- FICHE PREDEFS V.3 --------------------*/
.titlepr {
font-family: 'Lobster Two', cursive;font-size:40px;margin-bottom:-25px;color:#6E308D
}
.avprd {
  border: 4px solid #F0F0F0;margin-top:15px;
}
.ftprd {
  width:auto;height:18px;overflow:auto;background-image:url('http://image.noelshack.com/fichiers/2014/01/1419970146-light-grey.png'); border:4px solid #F0F0F0;font-size:12px; text-transform: uppercase;text-align:center;font-weight: bold;padding:10px
}
.charprd {
  width:250px;height:130px;overflow:auto;background-image:url('http://image.noelshack.com/fichiers/2014/01/1419970146-light-grey.png'); border:4px solid #F0F0F0;padding: 10px;
}
.stoprd {
  width:250px;height:113px;overflow:auto;background-image:url('http://image.noelshack.com/fichiers/2014/01/1419970146-light-grey.png'); border:4px solid #F0F0F0;padding: 10px;
}
.relprd {
  padding: 0px; background-color: #F0F0F0; border-bottom: 1px solid #707070;
}
.txrprd {
  padding: 4px; width: 163px; height: 92px; overflow: auto; background-color: #F0F0F0; line-height: 11px; border-bottom: 1px solid #c6c6c6;
}
/*------------------- FIN FICHE PREDEFS V.3 --------------------*/


/* --------------------------------- QEEL --------------------------------- */
.body-qeel{background-color:#eaeaea;font-family:arial;line-height:9pt;margin:auto;width:100%}
.body-qeel td{padding:10px;text-align:justify;vertical-align:top}
.body-qeel td span.gensmall{font-family:arial;font-size:11px;line-height:9pt}
.body-qeel td span.gensmall a{font-size:11px;font-weight:400}
.titre-qeel{color:#0F2A3C;font-family:arial;font-size:18px;}
.onglets{vertical-align:top;width:320px}
.onglet{cursor:pointer;display:inline-flex;padding:3px}
.onglet_0{background:transparent}
.onglet_1{background:transparent}
.contenu_onglet{color:#545252;display:none;font-family:arial;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;height:50px;line-height:9pt;overflow:auto;padding-top:10px;text-align:justify;width:450px}
.qeel-infos{margin-top:10px}
.qeel-infos td.row1{padding:0!important}

#lastuser {
  text-transform: uppercase;
  float: right!important;
  font-weight: bold;
  color: #0F2A3C;
  font-size: 12px;
 
}
/* --------------------------------- FIN QEEL --------------------------------- */
/*------------------- GENERAL ----------------------*/

body {
background-image: url("http://image.noelshack.com/fichiers/2015/15/1428847670-wonderland-v4.png");
background-position: center top;
margin-top: 560px !important;
background-repeat: no-repeat;
}
.bodyline
{
  background-color: #FBFBFB;
}
.bodylinewidth
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1px;
  margin-bottom: -9px;
    padding: 0px;
}
.bodyline
{
  width: 700px;
  padding: 0px;
  background: #FFFFFF;
  margin-top: -3000px!important;
}

.navi a
{
  font-family:arial;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 133px;
  font-size: 13px;
  margin-top:70px!important;
  margin-bottom:70px!important;
}
a:link{
  color:white;
  text-decoration:none!important
}
a:visited{
  color:white;
  text-decoration:none!important
}
a:active{
  color:white;
  text-decoration:none!important
}
a:hover{
  color:white;text-decoration:none!important
}



[MlleAlys]

Alors,
je ne vois pas d'erreur dans le css, mais je peux faire quelques corrections dans vos codes :

d'abord, je vois que vous avez ajouter la class "navi" à la cellule contenant la barre de navigation, c'est une bonne idée, mais le mieux est encore de l'appliquer à tout le tableau, ce qui donnerait dans votre template :

Code:

            <table class="navi" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>

N'oubliez pas de publier le template.

Votre code css suivant :

Code:

.navi a {
  color: #fff!important;
  font-family: Cuprum, sans-serif;
  font-size: 15px;
  font-weight: 700;
  margin-top: 70px!important;
  text-align: center;
  text-transform: uppercase;
}

Comme vous l'avez sans doute remarqué les margin et padding ne fonctionnent pas, c'est parce que les liens ne sont pas des éléments de type block, mais des éléments de type inline, leur mettre une marge n'a pas trop de sens, vous pouvez retirer ces lignes, ce qui donne :

Code:

.navi a {
  color: #fff!important;
  font-family: Cuprum, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

Vous pouvez par contre, après la modification du template, mettre une marge au tableau lui même qui contient la barre de navigation :

Code:

table.navi {
  margin : 50px;
}

Ces codes là :

Code:

a:link {
  text-decoration: none!important;
  color: white;
}

a:visited {
  text-decoration: none!important;
  color: white;
}

a:active {
  text-decoration: none!important;
  color: white;
}

a:hover {
  text-decoration: none!important;
  color: white;
}

Peuvent être rassemblés ainsi :

Code:

a, a:link, a:visited, a:hover, a:active {
    color:black;
    text-decoration:none!important
}

Ce code là :

Code:

img#i_logo {
    margin-top: -500px;
}

est à supprimer, ainsi que cette partie là :

Code:

.bodylinewidth {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1px;
    margin-bottom: -9px;
    padding: 0px;
}
.bodyline {
    width: 700px;
    padding: 0px;
    background: #FFFFFF;
    margin-top: -3000px!important;
}

Dans le code suivant :

Code:

body {
    background-image: url("http://image.noelshack.com/fichiers/2015/15/1428847670-wonderland-v4.png");
    background-position: center top;
    margin-top: 560px !important;
    background-repeat: no-repeat;
}

Supprimer la ligne margin-top: 560px !important;


Ce qui donne pour l'instant comme css à partir de celui donné dans votre message précédent :

Code:

/* BORDURES MOCHES */

td.catHead {
  border: none;
  font-size: 11px;
}

td.catBottom, th.thBottom {
  border: none !important;
}

/*------------------- FICHE PREDEFS V.3 --------------------*/

.titlepr {
  margin-bottom: -25px;
  font-family: 'Lobster Two',cursive;
  font-size: 40px;
  color: #6E308D;
}

.avprd {
  margin-top: 15px;
  border: 4px solid #F0F0F0;
}

.ftprd {
  width: auto;
  height: 18px;
  padding: 10px;
  border: 4px solid #F0F0F0;
  overflow: auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  background-image: url('http://image.noelshack.com/fichiers/2014/01/1419970146-light-grey.png');
}

.charprd {
  width: 250px;
  height: 130px;
  padding: 10px;
  border: 4px solid #F0F0F0;
  overflow: auto;
  background-image: url('http://image.noelshack.com/fichiers/2014/01/1419970146-light-grey.png');
}

.stoprd {
  width: 250px;
  height: 113px;
  padding: 10px;
  border: 4px solid #F0F0F0;
  overflow: auto;
  background-image: url('http://image.noelshack.com/fichiers/2014/01/1419970146-light-grey.png');
}

.relprd {
  padding: 0;
  border-bottom: 1px solid #707070;
  background-color: #F0F0F0;
}

.txrprd {
  width: 163px;
  height: 92px;
  padding: 4px;
  border-bottom: 1px solid #c6c6c6;
  overflow: auto;
  line-height: 11px;
  background-color: #F0F0F0;
}

/*------------------- FIN FICHE PREDEFS V.3 --------------------*/

/* --------------------------------- QEEL --------------------------------- */

.body-qeel {
  width: 100%;
  margin: auto;
  font-family: arial;
  line-height: 9pt;
  background-color: #eaeaea;
}

.body-qeel td {
  padding: 10px;
  text-align: justify;
  vertical-align: top;
}

.body-qeel td span.gensmall {
  font-family: arial;
  font-size: 11px;
  line-height: 9pt;
}

.body-qeel td span.gensmall a {
  font-size: 11px;
  font-weight: 400;
}

.titre-qeel {
  font-family: arial;
  font-size: 18px;
  color: #0F2A3C;
}

.onglets {
  width: 320px;
  vertical-align: top;
}

.onglet {
  display: inline-flex;
  padding: 3px;
  cursor: pointer;
}

.onglet_0 {
  background: transparent;
}

.onglet_1 {
  background: transparent;
}

.contenu_onglet {
  display: none;
  width: 450px;
  height: 50px;
  padding-top: 10px;
  overflow: auto;
  text-align: justify;
  font: normal normal normal 11px 9pt arial;
  color: #545252;
}

.qeel-infos {
  margin-top: 10px;
}

.qeel-infos td.row1 {
  padding: 0!important;
}

#lastuser {
  float: right!important;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #0F2A3C;
}

/* --------------------------------- FIN QEEL --------------------------------- */

/*------------------- GENERAL ----------------------*/

body {
  background-image: url("http://image.noelshack.com/fichiers/2015/15/1428847670-wonderland-v4.png");
  background-position: center top;
  background-repeat: no-repeat;
}

.navi a {
  text-align: center;
  text-transform: uppercase;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
}

table.navi {
  margin: 50px;
}

a, a:link, a:visited, a:hover, a:active {
  color: black;
  text-decoration: none !important;
}

.gensmall {
  font-family: arial;
  font-size: 12px;
  color: black;
}

[Kiraxa]

> http://test-wonderland.forumactif.org/

Cela ne le re-centre pas et la barre de navigation n'est pas centrée :/

Mais ça allège quand même le css merci pour ça en tout cas ^^

[MlleAlys]

Oups oui pardon,


Supprimez le code suivant de votre feuille de style css :

Code:

body {
  background-image: url(http://image.noelshack.com/fichiers/2015/15/1428847670-wonderland-v4.png);
  background-position: center top;
  background-repeat: no-repeat;
}

et mettez l'image https://2img.net/image.noelshack.com/fichiers/2015/15/1428847670-wonderland-v4.png en bannière du forum, à la place de l'image transparente (maintenant que la bannière est sortie du cadre du forum ça ne posera plus de problème de largeur ^^)

Modifiez le code :

Code:

table.navi {
  margin: 140px;
}

En

Code:

table.navi {
  margin: 50px auto;
}

Vous n'avez pas suprimé le code :

Code:

.bodyline {
  background: #f3f1f1;
  width: 800px;
}

Supprimez-le.

Pour mettre #f3f1f1 en couleur de fond, faites le via affichage > couleurs : couleur intérieure du cadre du forum : #f3f1f1
Si vous souhaitez diminuer la largeur de votre forum, pour ne pas le décentrer, faites-le via général > configuration : largeur du forum : 840px

Je crois qu'il y a encore un décalage, ça semble venir de la colonne droite des widgets, vérifiez peut être qu'ils sont bien désactivés ?

[Kiraxa]

Les widgets sont bien désactivés, en effet il y a toujours un décalage je ne comprends pas pourquoi non plus... :/

[MlleAlys]

Non après analyse c'est bien la dernière colonne des widgets mais elle n'est pas au bon endroit, ce doit être une erreur de codage dans un template modifié, je peux voir vos templates overall_header, index_box et index_body s'il vous plait ?

[Kiraxa]

Code:

<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {            
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" style="z-index: 10000 !important;">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                    <!-- BEGIN switch_logo_center -->
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                    <br />
                    <!-- END switch_logo_center -->
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
              </tr>
            </table>
 
            <table class="navi" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>
 <br />
  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

Voilà, je ne me souviens pas y avoir touché autrement que pour bouger la barre de navigation pourtant, merci de prendre le temps de regarder ! ^^'

[MlleAlys]

Effectivement tout parait ok ici ^^

Vu l'affichage, il doit s'agit d'un truc bête genre une balise </div> en trop... surement dans le qeel (oui je réfléchis en même temps que j'écris, désolée =s) ! Dans index_body donc... Si vous ne la trouvez pas, postez le également ici (sous hide si besoin) ^^

[Kiraxa]

Ah c'est très possible en effet..
Le QEEL est un peu bidouillé attention les yeux.. !

[MlleAlys]

J'ai vu pire, mais effectivement à la fin il y avait beaucoup de balises de tableau un peu en fouillis, j'en ai retiré une partie, corrigé quelques autres, il faudra surement régler quelques détails d'affichage, mais normalement il ne devrait plus y avoir d'erreurs ^^ :

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                          <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                          <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                          <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                          <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table align="right" style="background-color:#eaeaea;width:100%;" cellspacing="0" cellpadding="0">
   <tr>
      <td style="border-bottom:3px solid white;">
         <img src="http://image.noelshack.com/fichiers/2015/15/1428855833-qeel.png" />
      </td>
   </tr>
</table>
<script type="text/javascript">
   function change_onglet(name){
      document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
      document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
      document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
      document.getElementById('contenu_onglet_'+name).style.display = 'block';
      anc_onglet = name;
   }
</script>
<table align="right" style="background-color:#eaeaea;width:100%;" cellspacing="0" cellpadding="0">
   <tr>
      <td style="border-bottom:3px solid white;">
         <div class="onglets" align="center">
            <span class="onglet_0 onglet" id="onglet_NomOnglet1" onmouseover="javascript:change_onglet('NomOnglet1');">
               <img src="http://image.noelshack.com/fichiers/2015/15/1428833824-g1.png" />
            </span>
            <span class="onglet_0 onglet" id="onglet_NomOnglet2" onmouseover="javascript:change_onglet('NomOnglet2');">
               <img src="http://image.noelshack.com/fichiers/2015/15/1428833824-g4.png" />
            </span>
            <span class="onglet_0 onglet" id="onglet_NomOnglet3" onmouseover="javascript:change_onglet('NomOnglet3');">
               <img src="http://image.noelshack.com/fichiers/2015/15/1428833824-g5.png" />
            </span>
            <span class="onglet_0 onglet" id="onglet_NomOnglet4" onmouseover="javascript:change_onglet('NomOnglet4');">
               <img src="http://image.noelshack.com/fichiers/2015/15/1428833824-g6.png" />
            </span>
            <span class="onglet_0 onglet" id="onglet_NomOnglet5" onmouseover="javascript:change_onglet('NomOnglet5');">
               <img src="http://image.noelshack.com/fichiers/2015/15/1428833824-g7.png" />
            </span>
            <span class="onglet_0 onglet" id="onglet_NomOnglet6" onmouseover="javascript:change_onglet('NomOnglet6');">
               <img src="http://image.noelshack.com/fichiers/2015/15/1428833824-g8.png" />
            </span>
            <span class="onglet_0 onglet" id="onglet_NomOnglet7" onmouseover="javascript:change_onglet('NomOnglet7');">
               <img src="http://image.noelshack.com/fichiers/2015/15/1428834080-g9.png" />
            </span>
            <span class="onglet_0 onglet" id="onglet_NomOnglet8" onmouseover="javascript:change_onglet('NomOnglet8');">
               <img src="http://image.noelshack.com/fichiers/2015/15/1428834080-g10.png" />
            </span>
            <span class="onglet_0 onglet" id="onglet_NomOnglet9" onmouseover="javascript:change_onglet('NomOnglet9');">
               <img src="http://image.noelshack.com/fichiers/2015/15/1428834080-g11.png" />
            </span>
         </div>
      </td>
      <td style="vertical-align:middle;border-bottom:3px solid white;border-right:3px solid white;">

         <div class="contenu_onglet" id="contenu_onglet_NomOnglet1">
            <a href="/g4-elfes" style="color: #2B8F17; font-weight: bold;">
               ELFES ▬
            </a>
            Les elfes sont des êtres à apparence humaine distingués seulement par leurs oreilles plus pointues que la normale humaine. Ce sont comme des divinités de la nature et des animaux, mais pas autant que les Dieux ou demi-dieux malheureusement pour eux.
         </div>
         <div class="contenu_onglet" id="contenu_onglet_NomOnglet2">
            <a href="/g13-another" style="color: #5D08C4; font-weight: bold;">
               ANOTHER ▬
            </a>
            Ce sont ceux dont on ne peux pas donner de nom qui les qualifieraient à leur juste valeur, en effet ils sont croisés entre deux des espèces ci-dessus, imaginez ce que cela peut donner !
         </div>
         <div class="contenu_onglet" id="contenu_onglet_NomOnglet3">
            <a href="/g12-fees" style="color:#D47420; font-weight: bold;">
               FEES ▬
            </a>
            Les fées sont des créatures ailées à apparence humaine. Leurs ailes sont apparentes sans cesse et assez puissantes. Elles sont connues pour leur délicatesse et leur douceur et ont des capacités surnaturelles pour soigner les blessures physiques et psychologiques à la fois.
         </div>
         <div class="contenu_onglet" id="contenu_onglet_NomOnglet4">
            <a href="/g6-loups-garous" style="color: #6468AD; font-weight: bold;">
               LOUPS-GAROUS ▬
            </a>
            Les loups-garous sont en fait des humains la journée mais comme la légende l'indique, au clair de lune, chaque soir, ils se transforment partiellement ou entièrement en loup ou créature proche du loup. Sa morsure est très dangereuse pour un vampire.
         </div>
         <div class="contenu_onglet" id="contenu_onglet_NomOnglet5">
            <a href="/g10-ange" style="color:#4796C0; font-weight: bold;">
               ANGES ▬
            </a>
            Les anges ont une apparence humaine. Ils possèdent cependant des ailes dans le dos qu'ils peuvent rétracter à leur aise. De plus, certains d'entre eux peuvent avoir des pouvoirs en rapport avec la magie blanche, qu'ils maîtrisent plus ou moins.
         </div>
         <div class="contenu_onglet" id="contenu_onglet_NomOnglet6">
            <a href="/g5-hybrides" style="color:#34184A; font-weight:bold;">
               HYBRIDES ▬
            </a>
            Les hybrides se distinguent plus que les elfes par leur apparence, en effet ils sont croisés avec la race humaine et une race animale. Elle peut-être quelconque bien que les plus fréquentes sont celles des animaux domestiques, en général.
         </div>
         <div class="contenu_onglet" id="contenu_onglet_NomOnglet7">
            <a href="/g9-vampire" style="color:#ACB03F; font-weight: bold;">
               VAMPIRES ▬
            </a>
            Les vampires ont eux aussi une apparence humaine si ce n'est leurs canines beaucoup plus aiguisées que celles des humains. Ils sont connus pour boire le sang des humains, certains savent se contenir. Mais est-ce le cas de tous.. ?
         </div>
         <div class="contenu_onglet" id="contenu_onglet_NomOnglet8">
            <a href="/g11-demon" style="color:#66434F; font-weight: bold;">
               DEMONS ▬
            </a>
            On sait peu de choses des démons. Ils ont de petites ailes, pas aussi puissantes que celles des anges mais qui leur permettent de voler sur des distances courtes. Chez les démons aussi, il peut y avoir des cas avec des pouvoirs, mais plus en rapport avec la magie noire.
         </div>
         <div class="contenu_onglet" id="contenu_onglet_NomOnglet9">
            <a href="/g7-demi-dieux" style="color:#D91515; font-weight: bold;">
               DEMI-DIEUX ▬
            </a>
            Un demi-dieu à une forme humaine, un physique identique. Il possède cependant des pouvoirs, il est surnaturel. Ce ne sont pas des Dieux et n'ont alors pas autant de puissance que ceux-ci, mais selon leur maîtrise de leurs pouvoirs sont plus ou moins puissants.
         </div>
         <script type="text/javascript">
            var anc_onglet = 'NomOnglet1';
            change_onglet(anc_onglet);
         </script>
      </td>
   </tr>
</table>
<table class="body-qeel" cellspacing="0" cellpadding="0">
   <tr>
      <td style="width:500px;font-size:11px;font-size:11px;border-right:3px solid white;vertical-align:top;">
         <span class="titre-qeel">
            ILS ETAIENT ICI RECEMMENT...
         </span>
         <br/>
         <br/>
         <div style="height:156px;overflow:auto;padding-right:5px;">
            <span class="gensmall">{TOTAL_USERS_ONLINE} </span>
            <br/>
         </span>
         <table class="qeel-infos gensmall" cellspacing="0" cellpadding="0">
            {L_CONNECTED_MEMBERS}
         </table>
      </td>
      <td style="width:320px;border-left:3px solid white;">

         <span class="titre-qeel">NOS STATISTIQUES</span>
         <br/>
         <br/>
         <span class="gensmall">
            <span id="nb_users">
               <strong>{TOTAL_USERS}</strong>
            </span>
            <script type="text/javascript">
               document.getElementById('nb_users').innerHTML=document.getElementById('nb_users').innerHTML.replace(/membres enregistrés/,"créatures magiques.");
            </script>
            <span id="nb_posts">
               <strong>{TOTAL_POSTS}</strong>
            </span>
            <script type="text/javascript">
               document.getElementById('nb_posts').innerHTML=document.getElementById('nb_posts').innerHTML.replace(/messages/," récits d'aventures.");
               document.getElementById('nb_posts').innerHTML=document.getElementById('nb_posts').innerHTML.replace(/Nos membres ont posté un total de /," Ils ont posté ");
            </script>
         </span>
         <br/>
         <br/>
         <div id="lastuser gensmall">{NEWEST_USER}</div>
         <script type="text/javascript">
            document.getElementById('lastuser').innerHTML=document.getElementById('lastuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Bienvenue à")+" !";
         </script>

         <table width="100%" cellspacing="2px">
            <tr>
               <td>
                  <div style="width: 70px; height: 80px; border-radius:10px; background: #436073; color: #FFF; font-size: 9px; padding:5px;">
                     <img src="http://image.noelshack.com/fichiers/2015/15/1428858623-rumor2.png"/>
                     Il paraît qu'il y a du trafic de drogue à Wonderland...
                  </div>
               </td>
               <td>
                  <div style="width: 70px; height: 80px; border-radius:10px; background: #436073; color: #FFF; font-size: 9px; padding:5px;">
                     <img src="http://image.noelshack.com/fichiers/2015/15/1428858623-rumor.png"/>
                     Beaucoup d'histoires d'amour ont lieu à la plage!
                  </div>
               </td>
            </tr>
         </table>
      </td>
      </tr>
</table>
<!-- END disable_viewonline -->


{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>&nbsp;&nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

[néco]

Es ce que sur le panneau d'admin , à affichage ---> en-tête et navigation
''Position du menu'' tu as bien coché ''centré'' ?

Bizzz

[MlleAlys]

Es ce que sur le panneau d'admin , à affichage ---> en-tête et navigation
''Position du menu'' tu as bien coché ''centré'' ?

Bizzz

Le problème ne vient pas de là ^^"

[néco]

Oui oui , j'ai réalisé juste après mais c'était trop tard ^^
Et comme ici on ne peux pas supp ses mess même quand c'est le dernier , ben du coup j'ai laissé forcément ^^

L'image se mets automatiquement à la taille de l'écran mais puisque elle est hors du corps du forum , le forum ''ne le sais pas'' et ne peux pas faire de même , , alors que lorsqu'elle est a l'intérieur c'est le forum qui prend la taille de l'écran et le reste s'y adapte ^^

Par contre ce serait peut être bien de savoir pour quelle raison kiraxa souhaite sortir sa barre de nav du corps du forum ???

Par ce qu'il y a peut être un moyen de faire ''cette chose'' en laissant la bannière et la barre à leur place

Bizzz

[MlleAlys]

@néco : Je suis désolée mais vous êtes hors sujet, il n'y a plus aucun problème de bannière ni de barre de navigation à présent.

@Kiraxa : d'après ce que je vois via le lien du forum, le problème est résolu, la colonne des widgets est revenue à sa place, et tout est à nouveau correctement centré, ça venait bien du qeel

Par contre j'ai fait une petite erreur dans celui-ci (d'où l'apparence du dernier membre enregistré) :
- localisez ce passage :

Code:

<div id="lastuser gensmall">{NEWEST_USER}</div>

- modifiez le ainsi :

Code:

<div id="lastuser" class="gensmall">{NEWEST_USER}</div>

- enregistrez et publiez

[Kiraxa]

A vrai dire j'ai eu d'autres soucis, et actuellement je n'ai pas installé la bannière et pourtant elle apparaît, je ne comprends pas !
Enfin du coup tant pis, j'ai ré-essayé un peu a ma manière et avec vos messages précédents sur un second forum test et ça marche très bien !
http://wonderlands.probb.fr/ ici

Du coup je pense que ce sera bon, merci beaucoup ! J'ai aussi repris votre QEEL corrigé !

[MlleAlys]

de rien ^^

..	Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif