probleme image entete qeel

[kiarie]

Bonjour a tous!

Alors voilà j'ai un petit souci avec l'image d'entete de mon queel. elle est bien dans mon code mais n'apparait pas sur mon forum. pourtant l'image de pied elle marche tres bien. Quelqu'un saurait il pourquoi ce bug? Merci d'avance.

http://kiarie-teste2.forumactif.com/

css:

Code:

.titreqeel {
letter-spacing: 3px;
  font-size: 60px;
  font-family: 'Poiret One';
  text-transform: uppercase;
  text-align: center;
}

.groupes {
letter-spacing: 2px;
  font-size: 30px;
  font-family: 'Poiret One';
  text-transform: uppercase;
}
.stat {
padding: 2px;
  background-color: #EFEFEF;
  text-align: center;
  font-size: 15px;
  width: 120px;
  letter-spacing: 2px;
  font-family: 'Open Sans Condensed';
 padding-top: 5px;
  padding-bottom: 5px;
}

.fondqeel3 {
  background : none;
  border: 3px solid #EFEFEF;
    text-align: justify;
    width: 365px;
  padding: 5px;
    height: 57px;
  overflow: auto;
  margin-left: 2px;
  margin-top: 2px;
  margin-bottom: 5px;
}

.fondqeel2 td.row1 {
  background : none;
  border: 3px solid #EFEFEF;
    text-align: justify;
    width: 365px;
  padding: 5px;
    height: 62px;
  overflow: auto;
}

.totuson {
text-transform: uppercase;
  font-size: 11px;
  font-family: 'Poiret One';
  margin-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.fondqeel td.row1 {
  background : none;
  border: 3px solid #EFEFEF;
    text-align: justify;
    width: 365px;
  padding: 5px;
    height: 90px;
  overflow: auto;
}

.titan {
background-color: #EFEFEF;
  font-size: 15px;
  font-family: 'Open Sans Condensed';
  width: 381px;
    text-align: center;
  letter-spacing: 2px;
  margin-left: 2px;
}

.cb {
letter-spacing: 2px;
  font-size: 10px;
  font-family: 'Poiret One';
  text-transform: uppercase;
}

templat:

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="http://kiarie.free.fr/wildspring/barrenytop.png" /></td></tr></table>
<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> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </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> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </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'" 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_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> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </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> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </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'" 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 width="100%">
  <div class="titreqeel">QUI EST EN LIGNE?</div>
  <center><div class="groupes" id="groupes">{GROUP_LEGEND}</div></center>
  <table><tr><td><div class="titan">ACTUELLEMENT EN LIGNE</div><div class="fondqeel3"><span class="gensmall">{LOGGED_IN_USER_LIST}</span></div><table class="fondqeel2"><div class="titan">24 DERNIERES HEURES</div><span class="gensmall">{L_CONNECTED_MEMBERS}</span></table></td><td> 
    <table><tr><td><div class="stat"><span id="messtot">{TOTAL_POSTS}<br />MESSAGES</span></div>
      </td><td><div class="stat"><span id="memtot">{TOTAL_USERS}<br />MEMBRES</span></div>
      </td><td><div class="stat"><span id="newus">{NEWEST_USER}<br />BIENVENUE</span></div></td></tr></table>
    <div class="totuson">{TOTAL_USERS_ONLINE}</div><table class="fondqeel"><div class="titan">ANNIVERSAIRES</div><span class="gensmall">{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</span></table>
    </td></tr></table>
 
     
 
  <!-- BEGIN switch_chatbox_activate -->

        <center><div class="cb">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
                          </div></center>
      <span style="opacity: 0.1; font-size: 8px;">Page d'accueil par <a href="http://www.pub-rpg-design.com">ATHENA.</a></span>              <!-- END switch_chatbox_activate -->
</table>
<script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/Nos membres ont posté un total de/,"");</script>
<script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/messages/,"");</script>
<script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/message/,"");</script>
<script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/Nous avons/,"");</script>
<script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/membre enregistré/,"");</script>
<script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/membres enregistrés/,"");</script>
<script type="text/javascript">document.getElementById('newus').innerHTML=document.getElementById('newus').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script>
<script type="text/javascript">document.getElementById('groupes').innerHTML=document.getElementById('groupes').innerHTML.replace(/[[\]]/g,'');</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="http://kiarie.free.fr/wildspring/barrenypied.png" /></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;</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>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

EDIT// Je remarque aussi que ce qeel ne prend pas en compte le margin-bottom: -10px; que j'avais mis pour que le bas du forum touche la fin de la page. seriez vous pourquoi ça fait ça? Merci

[MlleAlys]

Bonjour,

Le margin-bottom de -10px est bien pris en compte, c'est d'ailleurs à cause de cela que les liens de bas de page se superposent au cadre du forum. Je pense que c'est lié à une erreur de codage dans le qeel. Cependant, de manière générale, mieux vaut éviter les marges négatives.

Voilà une version corrigée de votre qeel et le css adapté du coup :

Code:



<!-- BEGIN disable_viewonline -->
<div id="qeel" class="gensmall">

  <div class="titreqeel">QUI EST EN LIGNE?</div>

  <div class="groupes" id="groupes">{GROUP_LEGEND}</div>

  <table width="100%">
    <tr>
      <td style="padding-right:5px; width:50%; vertical-align:top;">
        <div class="titan">ACTUELLEMENT EN LIGNE</div>
        <div class="fondqeel3">{LOGGED_IN_USER_LIST}</div>
        <div class="titan">24 DERNIERES HEURES</div>
        <div class="fondqeel2"><table>{L_CONNECTED_MEMBERS}</table></div>
      </td>
      <td valign="top"> 
        <table class="stat">
          <tr>
            <td><span id="messtot">{TOTAL_POSTS}<br />MESSAGES</span></td>
            <td><span id="memtot">{TOTAL_USERS}<br />MEMBRES</span></td>
            <td><span id="newus">{NEWEST_USER}<br />BIENVENUE</span></td>
          </tr>
        </table>
        <div class="totuson">{TOTAL_USERS_ONLINE}</div>
        <div class="titan">ANNIVERSAIRES</div>
        <div class="fondqeel"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div>
      </td>
    </tr>
  </table>

  <!-- BEGIN switch_chatbox_activate -->
  <div class="cb">
    {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}
    <!-- BEGIN switch_chatbox_popup -->
    <div id="chatbox_popup"></div>
    <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
    </script>
    <!-- END switch_chatbox_popup -->
  </div>
  <!-- END switch_chatbox_activate -->

  <div style="opacity: 0.1; font-size: 8px;">
    Page d'accueil par <a href="http://www.pub-rpg-design.com">ATHENA.</a>
  </div>
 
  <img src="http://kiarie.free.fr/wildspring/barrenypied.png" style="width:100%" />

  <script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/Nos membres ont posté un total de/,"");</script>
  <script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/messages/,"");</script>
  <script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/message/,"");</script>
  <script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/Nous avons/,"");</script>
  <script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/membre enregistré/,"");</script>
  <script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/membres enregistrés/,"");</script>
  <script type="text/javascript">document.getElementById('newus').innerHTML=document.getElementById('newus').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script>
  <script type="text/javascript">document.getElementById('groupes').innerHTML=document.getElementById('groupes').innerHTML.replace(/[[\]]/g,'');</script>

</div>
<!-- END disable_viewonline -->



Code:



/************************DEBUT QEEL************************************************/

.titreqeel {
  letter-spacing: 3px;
  font-size: 60px;
  font-family: 'Poiret One', sans-serif;
  text-transform: uppercase;
  text-align: center;
}
 
.groupes {
  letter-spacing: 2px;
  font-family: 'Poiret One', sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 5px;
}

#qeel table {
  width: 100%;
  border-collapse: collapse;
}
 
.titan {
  background-color: #EFEFEF;
  font-size: 15px;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 2px;
}
 
.fondqeel3 {
  background : none;
  border: 3px solid #EFEFEF;
  text-align: justify;
  padding: 5px;
  height: 57px;
  overflow: auto;
  margin-bottom: 5px;
}

.fondqeel2 {
  border-spacing: 0;
  border: 3px solid #EFEFEF;
  text-align: justify;
  height: 62px;
  overflow: auto;
  padding: 5px;
}
 
.fondqeel2 table, .fondqeel table {
  border-collapse: collapse;
}
 
.fondqeel2 td.row1, .fondqeel td.row1 {
  background : none;
  padding: 0px;
}

.stat td {
  width: 33.3%;
}

.stat span {
  display: block;
  background-color: #EFEFEF;
  text-align: center;
  font-size: 15px;
  letter-spacing: 2px;
  font-family: 'Open Sans Condensed', sans-serif;
  padding: 5px;
}
.stat td:nth-child(2) span {
  margin: 0 2px;
}
 
.totuson {
  text-transform: uppercase;
  font-size: 11px;
  font-family: 'Poiret One', sans-serif;
  padding: 5px 1px;
}

.fondqeel {
  border: 3px solid #EFEFEF;
  text-align: justify;
  padding: 5px;
  height: 90px;
  overflow: auto;
}
 
.cb {
  letter-spacing: 2px;
  font-size: 10px;
  font-family: 'Poiret One', sans-serif;
  text-transform: uppercase;
}

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

 

Par contre, je ne vois aucune trace dans le template ni dans le css d'une image d'en-tête ?

[kiarie]

Bonsoir et merci pour cette réponse.

Alors j'ai changé le templat et en effet sa corrige le bug de superposition par contre le css me provoque un bug d'affichage, la parti donnant le dernier membre enregistré c'est agrandit et déforme tout le reste.

Pour ce qui est de mon image d'entete elle ne s'affiche toujours pas. Il s'agit de la ligne numero 3 sur mon templat initial

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="http://kiarie.free.fr/wildspring/barrenytop.png" /></td></tr></table>

[MlleAlys]

Pour la déformation, effectivement une erreur de ma part : dans le css, modifiez
.stat span
en
.stat td>span

Pour l'image d'en tête, elle n'est dans ce cas pas placée au bon endroit : le qeel se trouve entre
<!-- BEGIN disable_viewonline -->
et <!-- END disable_viewonline -->.
Si vous avez mis l'image ligne 3 du template, c'est à dire entre
<!-- BEGIN message_admin_index -->
et <!-- END message_admin_index -->,
vous êtes dans la partie message sur la page d'accueil (que vous n'avez apparemment pas activé sur votre forum, donc l'image reste invisible).

Ce template contient plusieurs parties, affichées ou non en fonction des options choisies dans le panneau d'administration : le message de la PA, le bloc de connexion rapide en haut de page, l'emplacement de la chatbox en haut de page, l'emplacement de l'ensemble des catégories, les liens sous les catégories, le bloc de connexion rapide en bas de page, le qeel, l'emplacement de la chatbox en bas de page, la légende, et quelques codes supplémentaires liés à la connexion via facebook et, il me semble, les horaires été/hiver.

Si on replace l'image au bon endroit, ça donne donc comme template :

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> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </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> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </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'" 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_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> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </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> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </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'" 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 -->
<img src="http://kiarie.free.fr/wildspring/barrenytop.png" style="width:100%;"/>
<div id="qeel" class="gensmall">
 
  <div class="titreqeel">QUI EST EN LIGNE?</div>
 
  <div class="groupes" id="groupes">{GROUP_LEGEND}</div>
 
  <table width="100%">
    <tr>
      <td style="padding-right:5px; width:50%; vertical-align:top;">
        <div class="titan">ACTUELLEMENT EN LIGNE</div>
        <div class="fondqeel3">{LOGGED_IN_USER_LIST}</div>
        <div class="titan">24 DERNIERES HEURES</div>
        <div class="fondqeel2"><table>{L_CONNECTED_MEMBERS}</table></div>
      </td>
      <td valign="top">
        <table class="stat">
          <tr>
            <td><span id="messtot">{TOTAL_POSTS}<br />MESSAGES</span></td>
            <td><span id="memtot">{TOTAL_USERS}<br />MEMBRES</span></td>
            <td><span id="newus">{NEWEST_USER}<br />BIENVENUE</span></td>
          </tr>
        </table>
        <div class="totuson">{TOTAL_USERS_ONLINE}</div>
        <div class="titan">ANNIVERSAIRES</div>
        <div class="fondqeel"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div>
      </td>
    </tr>
  </table>
 
  <!-- BEGIN switch_chatbox_activate -->
  <div class="cb">
    {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}
    <!-- BEGIN switch_chatbox_popup -->
    <div id="chatbox_popup"></div>
    <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
    </script>
    <!-- END switch_chatbox_popup -->
  </div>
  <!-- END switch_chatbox_activate -->
 
  <div style="opacity: 0.1; font-size: 8px;">
    Page d'accueil par <a href="http://www.pub-rpg-design.com">ATHENA.</a>
  </div>
 
  <img src="http://kiarie.free.fr/wildspring/barrenypied.png" style="width:100%" />
 
  <script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/Nos membres ont posté un total de/,"");</script>
  <script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/messages/,"");</script>
  <script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/message/,"");</script>
  <script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/Nous avons/,"");</script>
  <script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/membre enregistré/,"");</script>
  <script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/membres enregistrés/,"");</script>
  <script type="text/javascript">document.getElementById('newus').innerHTML=document.getElementById('newus').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script>
  <script type="text/javascript">document.getElementById('groupes').innerHTML=document.getElementById('groupes').innerHTML.replace(/[[\]]/g,'');</script>
 
</div>
<!-- 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;</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>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

J'y ai séparé les parties citées plus tôt (dans l'ordre), remis l'image dans le qeel, retiré le tableau qui l'entourait (puisque a priori créer un tableau juste pour une image ça ne sert pas à grand chose), et juste précisé dans la balise de l'image sa largeur à 100% pour qu'elle s'adapte automatiquement à celle du forum.

[kiarie]

Bonjour,

ah oui en effet j'avais oublié le PA! Pour moi j'avais deux image donc c'était bon. J'ai tout modifié, tout est ok! Merci beaucoup pour votre aide!