Problème d'affichage [QEEL].

[Trixye]

Bonjour.

Depuis que je me suis remise à bosser pour reconvertir mon forum, j'ai remarqué que mon QEEL est sujet d'un soucis qu'il n'y avait pas avant (à moins que je ne l'aie pas remarqué). Peut-être est-ce dû à un code en trop ou qu'il manque, mais le texte a des tendances à faire des "bugs", en transformant les lettres en symboles/chiffres.

Quand j'actualise la page, les symboles peuvent rester quelques secondes avant de remettre le texte "normal", et quelques secondes après, pouf, de nouveau des symboles. Voici un petit screen :



Pour les codes, il a fallut modifier au complet la template index_body :

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'" 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>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
         
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{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'" 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 -->
<link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><div align="center">
 
  <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><tr><center>     
  <span class="onglet_0 onglet" id="onglet_1" onmouseover="javascript:change_onglet('1');"><span class="musique"><font color=#9C6767>PNJ</font></span></span>
  <span class="onglet_0 onglet" id="onglet_2" onmouseover="javascript:change_onglet('2');"><span class="musique"><font color=#E8BE41>Tonnerre</font> </span></span>
  <span class="onglet_0 onglet" id="onglet_3" onmouseover="javascript:change_onglet('3');"><span class="musique"><font color=#B7E8E1>Rivière</font> </span></span>
  <span class="onglet_0 onglet" id="onglet_4" onmouseover="javascript:change_onglet('4');"><span class="musique"><font color=#9ADA05>Vent</font> </span></span><br>
  <span class="onglet_0 onglet" id="onglet_5" onmouseover="javascript:change_onglet('5');"><span class="musique"><font color=#C9C9C9>Ombre</font></span></span>
    <span class="onglet_0 onglet" id="onglet_6" onmouseover="javascript:change_onglet('6');"><span class="musique"><font color=#FFFFFF>Étoiles</font> </span></span>
  <span class="onglet_0 onglet" id="onglet_7" onmouseover="javascript:change_onglet('7');"><span class="musique"><font color=#DE7910>Solitaires</font> </span></span></br>
    </center></tr>
    <tr><center><div class="contenu_onglets"><div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_1">

<center><a href="http://equestrias-shine.forumactif.org/g3-pnj"target="blank" /><span class="groupes">PNJ</span></a></center>
Les PNJ sont des personnages qui ne sont pas des joueurs. Ils content, ce sont des narrateurs, mais ils peuvent représenter des personnages, pour les évents, par exemple. Ils sont joués uniquement par le staff et sont donc indisponibles à toute autre proposition. C'est donc très rare de voir un PNJ RPer en dehors d'un évent.
</div>
</div>
            <div class="contenu_onglet" id="contenu_onglet_2">


<center><a href="http://equestrias-shine.forumactif.org/g6-alicornes"target="blank" /><span class="groupes">Clan du Tonnerre</span></a></center>
Le Clan du Tonnerre est un Clan de chats braves, qui vivent dans les sous-bois, ils se nourrissent de rongeurs, et se faufilent très facilement dans cette immense forêt, connaissant les moindres pièges.
</div>
            <div class="contenu_onglet" id="contenu_onglet_3">

<center><a href="http://equestrias-shine.forumactif.org/g4-licornes"target="blank" /><span class="groupes">Clan de la Rivière</span></a></center>
Le Clan de la Rivière est un Clan de pêcheurs et de nageurs, ils se nourrissent exclusivement de poissons qu'ils trouvent dans la rivière. Leur camp est entouré d'une Rivière, rendant l'accès aux autres Clans particulièrement dangereux.
</div>
            <div class="contenu_onglet" id="contenu_onglet_4">

<center><a href="http://equestrias-shine.forumactif.org/g5-pegases"target="blank" /><span class="groupes">Clan du Vent</span></a></center>
Le Clan du Vent vit dans les landes, au grand air. Ils détestent particulièrement être mouillés. Vifs et rapides, ils chassent les nombreux lapins des environs.
</div>
            <div class="contenu_onglet" id="contenu_onglet_5">

<center><a href="http://equestrias-shine.forumactif.org/g7-poneys-terrestres"target="blank" /><span class="groupes">Clan de l'Ombre</span></a></center>
Le Clan de l'Ombre se plaît à vivre dans les marécages et les terres sombres de la forêt. Ce sont des chats particulièrement agressifs et féroces, se plaisant à faire souffrir les autres Clans.
</div>
           
            <div class="contenu_onglet" id="contenu_onglet_6">

<center><a href="http://equestrias-shine.forumactif.org/g9-dragons"target="blank" /><span class="groupes">Clan des Étoiles</span></a></center>
  Le Clan des Etoiles est un Clan où vivent les âmes des chats morts, ces Guerriers peu ordinaires préviennent les autres Clans des dangers tapis dans l'ombre. Ils offrent les 9 vies aux meneurs, et communiquent avec les Guérisseurs, leur faisant parvenir de sombres prophéties...
</div>
          <div class="contenu_onglet" id="contenu_onglet_7">

<center><a href="http://equestrias-shine.forumactif.org/g10-autres"target="blank" /><span class="groupes">Solitaires</span></a></center>
Les solitaires sont des chats vivant seuls. Ils sont indépendants, ne vivent pas sur les terres des clans sous peine d'être chassés ou blessés. Certains croient au Clan des Étoiles, d'autres non. Ils peuvent être solitaires après un exil, de leur propre choix ou de naissance.
</div>

        </div></center>
</tr></table>
<script type="text/javascript">
        //<!--
                var anc_onglet = '1';
                change_onglet(anc_onglet);
        //-->
        </script>
    <div class="bloc"><table>
    <tr>
    <td><center><div class="titre_colonne">Statistiques</div></center></td><td><center><div class="titre_colonne">Copyright</div></center></td><td><center><div class="titre_colonne">Who is here ?</div></center></td>
   
    </tr><tr><td width="33%"><span class="gensmall"><div class="colonne_123">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</div></span>
    </td>
   
    <td width="33%"><div class="colonne_123" style="margin-left:10px; margin-right:10px;"><br><br>Le forum a ouvert ses portes, le 10 juillet 2014. <br>Le codage du QEEL à été réalisé par Sunhae de Libre Graph'. <br>Et pour finir, le forum est optimisé pour Mozilla. <br>Nous vous rappelons aussi que ce forum est l'entière propriété de son staff et de Dashy en particulier. <br>Toute reproduction totale ou partielle est strictement interdite.
      </div></td>
     
      <td width="33%"> <br><span class="gensmall"><div class="colonne_123"> {TOTAL_USERS_ONLINE}
        <br>{RECORD_USERS}
          <br><br><center>{LOGGED_IN_USER_LIST}</center></div></span></td>
    </tr></table>
</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>  </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 -->

Le CSS :

Code:

.bloc{
background-color: #B39F95;
width:688px;
height:auto;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
padding-top:15px;}

.bla {
font-size:12px;
font-align: center;
color: #000000;}
.onglet{
display:inline-block;
margin-left:1px;
margin-right:0px;
padding:1px;
letter-spacing: 6px;
cursor:pointer;
  font-size: 24px;
text-align:center;
margin-left:9px;
}

.onglet_0{
color: #7F5959;
font-family: arial;
font-size: 24px;
letter-spacing: 5px;
text-shadow: 1px 1px 2px #FFFFFF;
}

.contenu_onglet{
background-color: #A38A7E;
width: 710px;
height: 90px;
padding: 10px;
text-align: justify;
display: none; 
color: #000000;
font-size:10px;
font-family: arial; 
}

.musique {
font-size: 13px;
word-spacing: 3px;
  font-family: georgia;
  text-transform: uppercase;
}

.groupes {
font-family: 'Grand Hotel', cursive;
font-size: 30px;
color: #7E5858;
font-weight: bold;
text-shadow: #FFFFFF 1px 1px 0px;
}

.colonne_123{
  text-align:justify;
  font-family:Trebuchet MS;
  font-size:12px;
  color: #000000;
}

.titre_colonne {
font-family: 'Grand Hotel', cursive;
font-size: 30px;
color: #513939;
font-weight: bold;
text-shadow: #FFFFFF 1px 1px 0px;
}

Voilà. Merci d'avance pour votre aide.

[Neptunia]

Bonjour ^^

De mon côté aucun problème sur les titres de colonnes



Avez vous résolu votre problème ? Si oui comment ?

[Trixye]

Non, problème toujours pas réglé. Je préfère ne rien toucher, mais chez moi, par moments le bug reste ou non. Je viens d'aller sur le forum à l'instant, toujours le même problème. Merci tout de même.

Je demanderais à plusieurs membres s'ils ont eux aussi le bug, j'ai vu qu'un d'entre eux l'avait aussi, à voir pour les autres.

Le lien du forum, sinon, puisque j'avais oublié de le mettre ;
http://new-warriors.forumactif.org/

[Neptunia]

A la première lecture du sujet, je pensais que le problème venait de la police choisie.

Hors je n'ai pas rencontré le problème et du coup je penche plutôt pour un problème ne touchant que certains navigateurs. Pour ma part j'ai testé avec Comodo Dragon 33.1 (navigateur basé sur Chromium).

Ce qui me chiffonne est que vous signalez que le problème n'est pas systématique.

[Trixye]

Je suis sur Google Chrome, j'ai essayé sur Internet Explorer (seul autre navigateur que j'ai actuellement), et ce problème ne survient pas non plus.

C'est sûrement un soucis de navigateur, donc.
Si quelqu'un a une solution pour régler ce problème et, donc, optimiser le QEEL à Google Chrome.

Merci à toi, Neptune-, pour ton aide, la plupart de mes membres utilisent Chrome (en fait, quasiment tous), donc ils avaient tous ce même bug. (:

[Neptunia]

Moi même comme je l'ai dit plus haut, j'utilise un navigateur basé sur le code de Chromium. Chrome lui même utilise ce code.

Je viens de tester avec :
- Comodo Dragon 33.1 (à jour)
- Google Chrome 35.0.1916.153 m (à jour)
- Chromium 30 (vieille version, les mises à jour n'étant pas automatiques)
et je n'ai pas réussi à reproduire le problème malgré plusieurs rafraichissements de page.

[Trixye]

Oups, j'avais lu trop vite, autant pour moi.

Bizarre. Après avoir demandé à plusieurs membres s'ils avaient le même bug, j'ai pu constater que j'étais la seule à avoir ce problème, ça vient donc peut-être de mon propre ordinateur.
Enfin, je verrais avec d'éventuels nouveaux membres si le problème survient, pour ma part ça me gêne pas tellement.

Encore une fois merci.

[Neptunia]

Si vous êtes la seule à rencontrer le souci, cela pourrait être un problème de cache

Vider le cache Internet

[Trixye]

Je me suis connectée ce matin sans rencontrer le problème, j'ai tout de même vidé mon cache. Merci pour l'aide apportée, problème résolu. :]