Problème d'affichage du QEEL

[Emie *]

Bonjour,

Je fais appel à vous pour un petit problème un peu embêtant...
J'ai un Qui est en ligne modifié avec les templates, et tout fonctionne très bien sur mon forum test:


Par contre, sur mon 'vrai' forum, ça me donne ça (alors que j'ai copié/collé le template):


J'ai également le même CSS sur les deux forums.

Voici les liens de mes deux forums:
http://nevermore.1fr1.net (forum test)
http://transcend.1fr1.net (vrai)

Merci d'avance!

EDIT: J'utilise Mozilla Firefox pour mes deux forums. Bizarrement, je viens de voir que sur Google Chrome, le QEEL s'affiche normalement

[Invité]

Salut Emie,

à priori, il manque la css en l’occurrence cette class

.qeel_start


a++

[Emie *]

J'y ai pensé mais pourtant, la class est bien présente dans mon template ainsi que dans mon CSS :/


Edit: si ça peut aider, voilà mon code de template pour le QEEL (seulement) et le CSS qui va avec:

Code:

<!-- BEGIN disable_viewonline -->
<table border="0" width="100%" class="qeel_start" cellpadding="2">

  <tr>
      <td width="100%" colspan="2" align="center"><img src="http://img27.imageshack.us/img27/2759/rentreonline.png"><br>
        <span class="groupes"><a href="http://transcend.1fr1.net/g1-administratrices"><font color=#edbd5c>ADMINISTRATRICES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g2-moderateurs"><font color=#b3b3b3>MODÉRATEURS</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g6-gagnant-du-concours"><font color=#d9885f>WINNER</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g3-aurores"><font color=#d179c7>AURORES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g4-etoiles"><font color=#f0b505>ÉTOILES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g5-etincelles"><font color=#6ab0d9>ÉTINCELLES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g8-lucioles"><font color=#f2578d>LUCIOLES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
                  <br><br>
            <div style="margin-left: 0%; margin-right: 0%;"></div>
      </td>
  </tr>
 
  <tr>
      <td width="50%">
        <div class="qeel_align"><span class="gensmall"><span id="messages">{TOTAL_POSTS}</span>
            <script type="text/javascript">
              document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les  membres de Transcend ont posté un total de");
            </script>.
            <br>
                          <span id="users">{TOTAL_USERS}</span>. 

                          <span id="newuser">{NEWEST_USER}</span>
            . Nous lui souhaitons bienvenue sur Transcend.
<br><br>

                          <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
          <br>
                          <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
            <br><br>
                          <span id="record">{RECORD_USERS}</span>
        </span></div>


      </td>
     
      <td style="padding: 10px; vertical-align: top; background-color:#faf2e1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 1px; margin-bottom: 1px; margin-right: 1px;" width="50%">
        <table><div style="background;>{L_CONNECTED_MEMBERS}</div><br>
            <div class="qeel_birth"><div style="background;>{L_WHOSBIRTHDAY_TODAY}
            {L_WHOSBIRTHDAY_WEEK}</div>


<div class="qeel_texte"><div class="texte_qui"><br><a href="http://www.alderia.biz" target="_blank"><img src="http://alderia.power-heberg.be/V8/Sous%20index/Mise/Mention.png"></a></div></div></div></table>
      </td>
  </tr>

  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
        <span class="gensmall">Utilisateurs connectés sur la Chatbox: {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>

            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

Code:

/* ------------------------------------ {QUI EST EN LIGNE} --------------------------------------------------------------------------------------------------------- */
.qeel_start
{
padding: 8px;
background-color: #F5EAD2;
border: 2px solid #E6D5BD;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.groupes
{
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px !important;
text-shadow: #fffcf6 1px 1px 0px;
background-color: #faf2e1;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.qeel_align
{
background-color:#faf2e1;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 10px;
margin-right: 5px;
vertical-align: top;
}

.qeel_birth
{
padding: 0px;
background-color:;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.qeel_texte
{
text-align: justify;
width: 330px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.texte_qui
{
padding-left: 0px;
padding-right: 0px;
}

[SoraNoHime]

Bonsoir

Tentez de vider votre cache navigateur ^^ cela peut expliquer les différences de Chrome à Mozilla. Sinon essayez aussi en supprimant les cookies du forum concerné.

Cordialement.

[Emie *]

Merci de votre réponse; j'ai supprimé les cookies et vider le cache, mais rien n'a changé ^^'

[Invité]

Salut Emie,

as tout hasard, aurais tu des couleurs de définies dans la gestion des couleurs de fond?
Fais une comparaison avec ton forum de test
a++

[Emie *]

Eum oui j'en ai, pour les deux forums, pour le fond du forum et le fond des catégories.

[Invité]

Salut,
si les couleurs sont identiques dans les deux forums, il faut voir
donc la template concernée .

Dis moi, tu as remplacé l'intégralité de la template ou juste la partie QEEL ?

a++

[Emie *]

Les couleurs sont identiques en effet; et j'ai copié/collé l'intégralité du template de mon forum test dans celui de mon 'vrai', forum.

[Invité]

Salut Emie,

il doit y avoir une différence entre les deux templates ou tes couleurs dans
ton P.A .
a++

[Emie *]

Non, les deux sont exactement les mêmes :s

[Invité]

Salut,
du coté javascript, as tu l'identique?
a++

[Emie *]

Coucou,

Oui ben j'ai copié collé les codes donc... j'ai exactement la même chose ^^'

[Anzu]

Bonjour,

Vous auriez du nous donner toute la css
Il y a soit un conflit avec un autre code, soit à cause des entêtes " /* ------------------------------------ {QUI EST EN LIGNE} --------------------------------------------------------------------------------------------------------- */" (qui font très souvent bugger )

Sinon, j'ai remarqué que pour l'un de vos td, le code se trouve directement dedans, et pour l'autre, vous renvoyez à la css.
Donc ceci:

Code:


    style="padding: 10px; vertical-align: top; background-color:#faf2e1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 1px; margin-bottom: 1px; margin-right: 1px;" width="50%"

Mettez la également dans le premier td.

Copiez collez quand même votre css que je regarde ^"

Cordialement.

[Emie *]

Bonjour,

J'ai fait comme vous avez suggéré, et ça a partiellement réglé le problème... voir mon forum: http://transcend.1fr1.net

Mais bon voici tout mon CSS, celui pour le QEEL se trouvant tout à la fin:

Code:

a:link, a:visited, a:hover, a:active {text-transform: ; letter-spacing: 0px; text-decoration: none!important; text-shadow: # 1px 1px 1px;}
a{outline: none;}

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

a {
text-decoration: none;
}


#i-logo {
margin-top:px;
}




        td .row1{
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin: 10px;
        padding: 4px;
        }


.forum-stats {
color: #cdb29a;
text-transform: uppercase;
font-size: 10px;
padding-left: 60px;
margin-top: -8px;
margin-bottom: 2px;
}


.forum-description {
text-align: justify;
border: ;
background-color: #faf2e1;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin: 10px;
padding: 10px;
vertical-align: center;
width: 500px;
height: 65px;
}






/* CATÉGORIES EN ONGLETS */

/* *** categories *** */

.cat_forum {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 2px solid #E6D5BD;
background-color: #F5EAD2;
}

/* *** liste *** */

.onglet {
display:inline-block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px auto auto;
margin-top:20px;
margin-bottom: 12px;
padding:6px;
}

/* *** configuration de l'élément de liste *** */

.onglet li {
float:left;
width: 92px;
height: 34px;
line-height: 34px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
horizontal-align: middle;
vertical-align: middle;
list-style-type:none;
margin-bottom: -10px;
}

/* *** liens *** */

.onglet li a {
display:block;
text-decoration:none;
margin-left:5px;
color: #bba88e !important;
text-shadow: #e7d6be 1px 1px 0px;
}


/* *** liens au survol *** */

.onglet li a:hover {
color: #d4bfa5 !important;
text-shadow: #fffcf6 1px 1px 0px;
}


/* *** onglet actif *** */

.onglet_actif {
background: url('http://img714.imageshack.us/img714/3420/ongletnactif.png');
background-color:;
color: #d4bfa5 !important;
text-shadow: #fffcf6 1px 1px 0px;
width:120px;
height:34px;
cursor:pointer;
}

/* *** onglet non actif *** */

.onglet_nactif {
background:url('http://img694.imageshack.us/img694/4707/ongletactif.png');
background-color:;
color: #bba88e !important;
text-shadow: #e7d6be 1px 1px 0px;
width:120px;
height:34px;
cursor:pointer;
}

/* *** ici vos NOM DE CATEGORIE sauf un : il sera afficher en premier *** */

#expositions, #commerce, #ressources, #assistance, #compétitions, #récréations, #archives {
display : none;
}

/* Fin */





/* ENLEVER "DERNIÈRE ÉDITION PAR..." */

tr.post span.gensmall {
    display: none;
}


/* MARGES DANS LES MESSAGES */

.postbody {
padding-top: 12px;
padding-left: 30px;
padding-right: 20px;
}



/* FONDS CITATIONS, CODES ET SPOILERS */

.code {
padding: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-left: 3px solid #E6D5BD;
border-right: 3px solid #E6D5BD;
background-image: url(" ");
text-shadow: 1px 1px 1px #f7f2ed;
}
.quote {
padding: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-left: 3px solid #E6D5BD;
border-right: 3px solid #E6D5BD;
background-image: url(" ");
text-shadow: 1px 1px 1px #f7f2ed;
}
.spoiler_closed {
padding: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-left: 3px solid #E6D5BD;
border-right: 3px solid #E6D5BD;
background-image: url(" ");
text-shadow: 1px 1px 1px #f7f2ed;
}
.spoiler_content {
padding: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-left: 3px solid #E6D5BD;
border-right: 3px solid #E6D5BD;
background-image: url(" ");
text-shadow: 1px 1px 1px #f7f2ed;
}




/* ▬ AVATAR */
.postdetails.poster-profile a img {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 5px solid #COULEUR DU CONTOUR;
}


body {
background-repeat: no-repeat;
background-position: top center;
padding: 0px; margin: 0px;
}


.bodyline {
-moz-border-radius: 0px;
border-top: ;
border-bottom: 1px solid #;
border-left: 5px solid #;
border-right: 5px solid #;
-moz-box-shadow: 0 0 11px #;
box-shadow: 0 0 11px #;
-webkit-box-shadow: 0 0 11px #;
}



/* ENCADREMENT DES DERNIERS SUJETS */

.arrondi {
border: ;
background-color: #faf2e1;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin: 6px;
padding: 4px;
}



/* PSEUDOS MODIFIÉS */

.noms {
font-family: 'Verdana';
font-size: 14px;
font-variant: small-caps;
font-style: ;
letter-spacing: 0.3em !important;
text-shadow: #ffffff 1px 1px 0px;
}



/* CADRE AUTOUR DE L'AVATAR ET DU PROFIL DANS LES MESSAGES */

.cadreavatar {
background-color : #faf2e1;
background-image: url(" ");
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 8px;
margin: 5px;
}



        /*oter le fond des categories*/
        .secondarytitle h2 {
          background-color: ;}
       
        /*fond des titres de catégories*/
        .secondarytitle {
          background-image: url(' ');
          background-repeat: no-repeat;
          background-color: ;
          background-position: center;
          height:30px;
          width:180px;
          border-radius-topleft: 10px;
          -moz-border-radius-topleft: 10px;
          -webkit-border-radius-topleft: 10px;
          -khtml-border-radius-topleft:10px;
          border-radius-topright: 10px;
          -moz-border-radius-topright: 10px;
          -webkit-border-radius-topright: 10px;
          -khtml-border-radius-topright:10px;
          text-align: left;
          padding-left: ;
          }


/* TITRES DES CATÉGORIES */

.secondarytitle {
  font-family:'Arial';
  font-style:;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-shadow: 1px 1px 1px #b08d85;
  text-transform: lowercase;
  letter-spacing: 0.5em;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: ;
  padding-right: ;
}

h2 {
  font-size: 12px;
}


.forumline {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 6px #;
box-shadow: 1px 1px 6px #;
-webkit-box-shadow: 1px 1px 6px #;
}


/* STYLE DES SOUS-CATÉGORIES */

a.forumlink {
 text-align:left;
 text-transform: ;
 text-shadow: #fcf6ea 1px 1px 0px;
 font-size: 36px;
 color: #b79a7a !important;;
 font-family:'Edwardian Script ITC';
 display: block;
 padding-left: 30px;
 padding-top: 2px;
 white-space: nowrap;
}

a.forumlink:hover {
 border-bottom: ;
 font-style: ;
 font-weight: ;
 color: #b67672 !important;
 letter-spacing:;
 text-shadow: #ffffff 1px 1px 1px;
 }



/* MENU DE NAVIGATION */

a.mainmenu img {
display:noone;
}

a.mainmenu {
margin-bottom: 80px;
font-size: 9px;
font-style: ;
font-family:'';
font-weight: bold;
color: #;
text-transform: ;
text-shadow: #1px 1px 2px;
background-color: #;
text-decoration: none;
border-left: 4px solid #;
border-right: 4px solid #;
border-bottom: 1px solid #;
border-radius:;
-moz-border-radius:;
-webkit-border-radius:;
}

a.mainmenu:hover {
color: #;
text-shadow: #1px 1px 1px;
background-color: #;
text-decoration: none;
border-left: 4px solid #;
border-right: 4px solid #;
border-bottom: 1px solid #;
border-radius:;
-moz-border-radius: ;
-webkit-border-radius:;
}



        /*IMAGE INDEX*/
        #i_icon_mini_index{
          background-image:url('http://img263.imageshack.us/img263/5723/homecopie.png');
          width:75px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_index:hover{
          background-image:url('http://img263.imageshack.us/img263/5723/homecopie.png');
          width:75px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE RECHERCHE*/
        #i_icon_mini_search{
          background-image:url('http://img836.imageshack.us/img836/8788/searchcopie.png');
          width:79px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_search:hover{
          background-image:url('http://img836.imageshack.us/img836/8788/searchcopie.png');
          width:79px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE LISTE MEMBRES*/
        #i_icon_mini_members{
          background-image:url('http://img827.imageshack.us/img827/7199/memberscopie.png');
          width:102px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_members:hover{
          background-image:url('http://img827.imageshack.us/img827/7199/memberscopie.png');
          width:102px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE GROUPES*/
        #i_icon_mini_groups{
          background-image:url('http://img853.imageshack.us/img853/2779/groupscopie.png');
          width:82px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_groups:hover{
          background-image:url('http://img853.imageshack.us/img853/2779/groupscopie.png');
          width:82px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE PROFIL*/
        #i_icon_mini_profile{
          background-image:url('http://img840.imageshack.us/img840/8342/profilecopie.png');
          width:75px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_profile:hover{
          background-image:url('http://img840.imageshack.us/img840/8342/profilecopie.png');
          width:75px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE MP (pas de nouveaux messages)*/
        #i_icon_mini_message{
          background-image:url('http://img231.imageshack.us/img231/2413/mpcopie.png');
          width:58px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_message:hover{
          background-image:url('http://img231.imageshack.us/img231/2413/mpcopie.png');
          width:58px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE MP (nouveaux messages)*/
        #i_icon_mini_new_message{
          background-image:url('http://img204.imageshack.us/img204/7974/newmpcopie.png');
          width:79px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_new_message:hover{
          background-image:url('http://img204.imageshack.us/img204/7974/newmpcopie.png');
          width:79px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE DÉCONNEXION*/
        #i_icon_mini_logout{
          background-image:url('http://img263.imageshack.us/img263/323/logoutcopie.png');
          width:82px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_logout:hover{
          background-image:url(http://img263.imageshack.us/img263/323/logoutcopie.png ');
          width:82px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE S'ENREGISTRER*/
        #i_icon_mini_register{
          background-image:url('http://img835.imageshack.us/img835/5633/signupcopie.png');
          width:70px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_register:hover{
          background-image:url('http://img835.imageshack.us/img835/5633/signupcopie.png');
          width:70px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE CONNEXION*/
        #i_icon_mini_login{
          background-image:url('http://img28.imageshack.us/img28/1108/loginta.png');
          width:84px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_login:hover{
          background-image:url('http://img28.imageshack.us/img28/1108/loginta.png');
          width:84px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }




/* ITALIQUE EN COULEUR */

i {border-bottom:none; color:#CF5F57; text-decoration: none}



/* QUI EST EN LIGNE */

.qeel_start
{
padding: 8px;
background-color: #F5EAD2;
border: 2px solid #E6D5BD;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.groupes
{
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px !important;
text-shadow: #fffcf6 1px 1px 0px;
background-color: #faf2e1;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.qeel_align
{
background-color:#faf2e1;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 10px;
margin-right: 5px;
vertical-align: top;
}

.qeel_birth
{
padding: 0px;
background-color:;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 0 5px #;
box-shadow: 0 0 5px #;
-webkit-box-shadow: 0 0 5px #;
}

.qeel_texte
{
text-align: justify;
width: 330px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.texte_qui
{
padding-left: 0px;
padding-right: 0px;
}

[Invité]

Salut Emie,
une question toute bête :

as tu optimisé ta feuille de style ?


Sinon, il y a obligatoirement une erreur au niveau de la template index_body,
tu peux la donner dans son intégralité ici stp entre les balises "Codes" stp.



a++

[Emie *]

Coucou,

Non je n'avais pas coché, mais ça n'a rien changé ^^'. Pour arranger les choses, j'ai mis mes codes CSS directement dans mon template (comme vous m'aviez dit pour le premier td). Donc là c'est bon, mais c'est tout de même bizarre que le CSS ne fonctionne pas.

Enfin voilà tout mon template, mais il y a en plus les codes CSS du QEEL:

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">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td width="100%" valign="top" align="center" class="row1"> 
         <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> 
         <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> 
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
         <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 

      </td>
   </tr>
</table>
</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">
            <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">{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">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td width="100%" valign="top" align="center" class="row1"> 
         <span class="genmed">{L_USERNAME}:</span> 
         <input class="post" type="text" size="10" name="username"/> 
         <span class="genmed">{L_PASSWORD}:</span> 
         <input class="post" type="password" size="10" name="password"/> 
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
         <span class="gensmall">{L_AUTO_LOGIN}</span> 
         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> 
      </td>
   </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->


<!-- BEGIN disable_viewonline -->
<table border="0" width="100%" class="qeel_start" cellpadding="2" style="padding: 8px; background-color: #F5EAD2; border: 2px solid #E6D5BD; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;">

  <tr>
      <td width="100%" colspan="2" align="center"><img src="http://img27.imageshack.us/img27/2759/rentreonline.png"><br>
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g1-administratrices"><font color=#edbd5c>ADMINISTRATRICES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g2-moderateurs"><font color=#b3b3b3>MODÉRATEURS</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g6-gagnant-du-concours"><font color=#d9885f>WINNER</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g3-aurores"><font color=#d179c7>AURORES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g4-etoiles"><font color=#f0b505>ÉTOILES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g5-etincelles"><font color=#6ab0d9>ÉTINCELLES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g8-lucioles"><font color=#f2578d>LUCIOLES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
                  <br><br>
            <div style="margin-left: 0%; margin-right: 0%;"></div>
      </td>
  </tr>
 
  <tr>
      <td style="padding: 10px; vertical-align: top; background-color:#faf2e1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 1px; margin-bottom: 1px; margin-right: 1px;" width="50%">
        <div class="qeel_align"><span class="gensmall"><span id="messages">{TOTAL_POSTS}</span>
            <script type="text/javascript">
              document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les  membres de Transcend ont posté un total de");
            </script>.
            <br>
                          <span id="users">{TOTAL_USERS}</span>. 

                          <span id="newuser">{NEWEST_USER}</span>
            . Nous lui souhaitons bienvenue sur Transcend.
<br><br>

                          <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
          <br>
                          <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
            <br><br>
                          <span id="record">{RECORD_USERS}</span>
        </span></div>


      </td>
     
      <td style="padding: 10px;vertical-align: top; background-color:#faf2e1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 1px; margin-bottom: 1px; margin-right: 1px;" width="50%">
        <table><div style="background;>{L_CONNECTED_MEMBERS}</div><br>
            <div class="qeel_birth"><div style="background;>{L_WHOSBIRTHDAY_TODAY}
            {L_WHOSBIRTHDAY_WEEK}</div>


<div class="qeel_texte"><div class="texte_qui"><br><a href="http://www.alderia.biz" target="_blank"><img src="http://alderia.power-heberg.be/V8/Sous%20index/Mise/Mention.png"></a></div></div></div></table>
      </td>
  </tr>

  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
        <span class="gensmall">Utilisateurs connectés sur la Chatbox: {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>

            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</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>  </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}

[Invité]

Sur mon forum test, tout fonctionne correctement, j'ai juste modifié des
incompréhensions au niveau de ta css.


Supprimes tout le contenu de ta feuille de style et remplaces
par :

Spoiler:

a++

[Emie *]

D'accord merci pour ton aide ^^

Problème résolu! (: