Centrage de qui est en ligne.

Messages : 31 Date d'inscription : 08/10/2012 Age : 50

Url du forum concerné: http://spiritgraph.graphforum.com/

Spoiler:

Sur mon forum test, j'ai voulu center le texte de mon qui est en ligne. Mais j'ai un soucis au niveau de la 3è et 4è ligne.
J'ai rajouté une balise center devant chaque balise span.
Mais pour ces lignes, il n'y en a pas et les balises center ne change rien.
En fait, il n'y a que ça et je ne sais pas comment les centrer.

Code:: {L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}

Merci d'avance pour ton aide. Wink

PS: j'ai essayé de les entourer d'un div et les centrer via le css, ça marche pas non plus.

Duck President Messages : 352 Date d'inscription : 10/07/2012 Age : 33

Coucou ^^

Aaaah le fameux casse-tête des anniversaires dans le QEEL! ^^
Allez je te donne l'astuce, tu essayes et si ça ne va pas on y regard ensemble Wink

En faite, pour modifier ces 3 lignes, elles doivent obligatoirement être dans un tableau. Voici comment on construit un tableau en html :

Code:: <table><tr><td>TEXTE</td></tr></table>

Alors pour toi pouvoir le modifier tu as deux solutions :

* Via le CSS : tu vas donc donner une id ou une class à ton tableau

Code:: #nom_de_ton_id{
TON CSS;
}
.nom_de_ta_class{
TON CSS;
}

* Ou alors tu mets tes propriétés directement dans le html :

Code:: <table style="CSS;"></table

Je te laisse essayer et si jamais ça ne va pas, dis-le qu'on y regarde ensemble Wink

Messages : 31 Date d'inscription : 08/10/2012 Age : 50

Pas simple. lol!

J'ai tenté les deux manières. Dans les deux cas, ça déforme tout. lol!

Duck President Messages : 352 Date d'inscription : 10/07/2012 Age : 33

Ok lol
C'est souvent la bête noire du QEEL ^^

Si tu pouvais me mettre ton template et ton CSS ça m'arrangerai Wink

Messages : 31 Date d'inscription : 08/10/2012 Age : 50

Le template Index_body

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<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 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>



<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>

</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      
      <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </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>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<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 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>



<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>

</form>



<div class="cathead"><center><div class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><b><font color="#000000">{L_WHO_IS_ONLINE}</font></b></a></div></center></div><div class="catbody">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>

   <td class="row1" width="100%"><center><span class="gensmall">{TOTAL_POSTS}<br />
   {TOTAL_USERS}<br />
{NEWEST_USER}</span></center></td>
</tr>
<tr>
<td class="row1"><center><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
   {RECORD_USERS}<br />
   <br />
{LOGGED_IN_USER_LIST}</span></center></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><center><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></center></td>
</tr>

<tr>
   <td class="row1">
      <center><span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
         
         <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>
         
</span></center>
   </td>
</tr>

</table></div><div class="catfoot"></div>

{CHATBOX_BOTTOM}
<br clear="all" />

<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>


{AUTO_DST}


<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>

Le CSS (attention, c'est un peu le bordel lol!

)

Code:: a[href="/u1"] span strong {background:url("http://i40.servimg.com/u/f40/17/10/28/33/couron14.png") no-repeat;padding-left:2px;padding-top:1px}
a:hover{text-transform:uppercase;}
.signature_div img {
max-height:150px;
max-width:400px;
}
.postdetails.poster-profile a img {
max-width:200px;
max-height:200px;
}
.forumline
{
text-shadow: #000000 1px 3px 5px;
box-shadow: #000000 1px 3px 5px;
padding-left: 0px;
padding-right:0px;
margin-right: 15px;
margin-left: 15px;
width: 900px;
}

.modo {
background-image: url('http://users.skynet.be/fc357926/sg/modoshoki.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: top left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #f26522; /*--- Couleur de fond ---*/
border: 2px solid #197b30; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
padding-left: 63px; /*--- On espace la bordure gauche du texte de 55px ---*/
padding-top: 23px;
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
body{
background-position: top center;
background-repeat: repeat;
background-attachment: fixed;
}
a.gensmall{
text-shadow:2px 2px 2px #000000;
}
a.forumlink {
text-shadow: #000000 1px 3px 5px;
}
.code
{

margin:20px;
margin-top:20px;
-moz-border-radius: 70px;
border-radius: 70px;
-moz-box-shadow: 4px 4px 4px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
border: 3px solid white;
padding: 20px;
padding-left: 40px;
width: 90%;
margin: 20px;
background-color: #4F4C48;
min-height: 60px;
}
.quote {
margin:20px;
margin-top:20px;
-moz-border-radius: 70px;
border-radius: 70px;
-moz-box-shadow: 4px 4px 4px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
border: 3px solid white;
padding: 20px;
padding-left: 40px;
width: 90%;
margin: 20px;
background-color: #4F4C48;
min-height: 60px;
}
.atelierdesc {
background-image: url('http://costik.free.fr/costik/img/fondMetal.jpg');
background: #000000;
color: #ffffff;
margin-left: 15px;
margin-top: 15px;
padding: 15px;
padding-left: 15px;
border-top : 2px solid #ffffff;
border-bottom : 2px solid #ffffff;
border-left : 4px solid #ffffff;
border-right : 4px solid #ffffff;
}
.mimo {
margin:25px;
margin-top:25px;
-moz-border-radius: 35px;
border-radius: 35px;
-moz-box-shadow: 4px 4px 4px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
border: 3px solid #C9C9C9;
padding: 25px;
padding-left: 25px;
margin: 25px;
background-color: #4F4C48;
min-height: 60px;
}
.spoiler {
margin:20px;
margin-top:20px;
-moz-border-radius: 70px;
border-radius: 70px;
-moz-box-shadow: 4px 4px 4px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
border: 3px solid white;
padding: 20px;
padding-left: 40px;
width: 90%;
margin: 20px;
background-color: #4F4C48;
min-height: 60px;
}
.postbody h1 {
margin:0; /* pour supprimer les marges automatiques des balises de titre */
font-family: 'Courgette',impact,serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 30px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
color: #ffffFF; /* Couleur de la police ^^ */
text-align: center;
}
.postbody h2 {
margin:0; /* pour supprimer les marges automatiques des balises de titre */
font-family: 'Courgette',impact,serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 20px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
color: #ffffFF; /* Couleur de la police ^^ */
text-align: center;
}
.postbody h6 {
margin:0; /* pour supprimer les marges automatiques des balises de titre */
font-family: 'Marcellus SC',impact,serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 40px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
color: #FFffff; /* Couleur de la police ^^ */
text-align: center;
}
.postbody h7 {
margin:0; /* pour supprimer les marges automatiques des balises de titre */
font-family: 'Ranchers',impact,serif,cursive; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 40px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
color: #FFffff; /* Couleur de la police ^^ */
text-align: center;
}
.postbody h3 {
margin:0; /* pour supprimer les marges automatiques des balises de titre */
font-family: 'Norican',impact,serif,cursive; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 40px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
color: #FFffff; /* Couleur de la police ^^ */
text-align: center;
}
.postbody h4 {
margin:0; /* pour supprimer les marges automatiques des balises de titre */
font-family: 'Marcellus SC',impact,serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 40px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
color: #FFffff; /* Couleur de la police ^^ */
text-align: center;
text-shadow: 2px 2px 2px black;
}
.postbody h5 {
margin:0; /* pour supprimer les marges automatiques des balises de titre */
font-family: 'Marcellus SC',impact,serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 40px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
color: #FFffff; /* Couleur de la police ^^ */
text-align: center;
text-shadow: 1px 1px 1px white;
}
.mimo5 {
margin:25px;
margin-top:25px;
-moz-border-radius: 35px;
border-radius: 35px;
-moz-box-shadow: 4px 4px 4px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
border: 3px solid #C9C9C9;
padding: 25px;
padding-left: 25px;
margin: 25px;
background-image: url('http://i37.servimg.com/u/f37/17/57/15/92/bumppl10.jpg')
background-color: #4F4C48;
min-height: 60px;
}
.sujets_messages {
width:160px;
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre */
font-size: 10px;
font-weight : bold;
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid #C9C9C9;
-moz-box-shadow: 4px 4px 4px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
background-color: #888888;
}

.derniers_sujets {
margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté" */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, des coins arrondis un peu originaux... */
border: 2px solid #C9C9C9;
background-color: #4F4C48;
border-radius:0 10px 0 10px;
-moz-border-radius:0 10px 0 10px;
-webkit-border-radius:0 10px 0 10px;
-moz-box-shadow: 4px 4px 4px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}
.shoki {
margin:15px;
margin-top:5px;
border-radius:0 30px 0 30px;
-moz-border-radius:0 30px 0 30px;
-webkit-border-radius:0 30px 0 30px;
-moz-box-shadow: 4px 4px 4px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
border: 3px solid #C9C9C9;
padding: 5px;
padding-left: 20px;
margin: 5px;
background-color: #4F4C48;
min-height: 60px;
}
.shoki2 {
float:right;
height:40px;
width:200px;
margin-right: 10px;
padding :2px;
border: 2px solid #C9C9C9;
border-radius:0 10px 0 10px;
-moz-border-radius:0 10px 0 10px;
-webkit-border-radius:0 10px 0 10px;
box-shadow:2px 2px 10px black inset;
-moz-box-shadow:2px 2px 10px black inset;
-webkit-box-shadow:2px 2px 10px black inset;
color: #000000;
background-color: #5a5a5a;
overflow: auto;
}
/* Votes */
.votingplus {background-image: url('http://i67.servimg.com/u/f67/15/97/13/33/icon_r10.gif'); background-position: top center; background-repeat: no-repeat; width: 20px; height: 20px;}
.votingplus:hover {background-image: url('http://i67.servimg.com/u/f67/15/97/13/33/icon_r10.gif'); background-position: bottom center; background-repeat: no-repeat; width: 20px; height: 20px;}
.vote {float: right;width: 20px; margin-left: 4px;}
.vote .vote-bar { width: 20px; height: 20px; margin: 0 auto;border: none; font-size: 0; background-color: transparent; }
.vote .vote-bar-plus {background-image: url('http://i67.servimg.com/u/f67/15/97/13/33/ok10.png'); background-position: top center; background-repeat: no-repeat; width: 20px; height: 20px; background-color: transparent; }
.cathead {
background: url(http://i33.servimg.com/u/f33/16/63/49/07/dessus11.png) top center no-repeat; /*Ici on ne veut pas qu'elle se répète*/
width: 930px; /*Largeur de l'image*/
height: 94px; /*Hauteur de l'image*/
margin: auto; /*Permet de centrer la partie du corps*/
}
.catbody {
background: url(http://i33.servimg.com/u/f33/16/63/49/07/milieu11.png) center repeat-y; /*Ici on veut qu'elle se répète*/
width: 930px; /*Largeur de l'image*/
margin: auto;
}
.catfoot {
background: url(http://i37.servimg.com/u/f37/17/57/15/92/dessou10.png) top center no-repeat; /*Ici on ne veut pas qu'elle se répète*/
width: 930px; /*Largeur de l'image*/
height: 94px; /*Hauteur de l'image*/
margin: auto; /*Permet de centrer la partie du corps*/
}
.TitreCategorie h2 {
padding-top: 60px;
margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
text-align: center; /*alignement du texte par rapport au bloc qui le contient */
letter-spacing:2px; /* espacement entre les lettres */
font-variant:small-caps; /* texte en petites majuscules */
color:#ffffff; /* couleur du texte */
font-family: Geneva, Tahoma, Verdana, sans-serif;
font-size:12px;
}
.cattitle {
padding-top: 60px;
margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
text-align: center; /*alignement du texte par rapport au bloc qui le contient */
letter-spacing:2px; /* espacement entre les lettres */
font-variant:small-caps; /* texte en petites majuscules */
color:#ffffff; /* couleur du texte */
font-family: Geneva, Tahoma, Verdana, sans-serif;
font-size:12px;
}

.ongl1, .ongl2, .ongl3, .ongl4
{
display: inline-block;
width: 120px;
height: 30px;
margin-left: 20px;
background-color: #abb8cd;
border-top: 1px solid #808489;
border-left: 1px solid #808489;
border-right: 1px solid #808489;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
text-align: center;
}
.ongl1:hover, .ongl2:hover, .ongl3:hover, .ongl4:hover
{
background-color: #d3dce9;
}
.ongl1 a, .ongl2 a, .ongl3 a, .ongl4 a
{
display: block;
padding-top: 2px;
font-weight: bold;
text-decoration: none !important;
color: #8b9cb8 !important;
text-shadow: 1px 1px 0px #eef1f6;
font-size: 18px;
}
.ongl1 a:hover, .ongl2 a:hover, .ongl3 a:hover, .ongl4 a:hover
{
color: #446291 !important;
text-shadow: 1px 1px 0px #23334c;
}
#content1
{
display: block;
height: 300px;
overflow: hidden;
background: #8799b6;
border: 1px solid #596b87;
font-size: 11px;
color: #3c506f;
}
#content2, #content3, #content4
{
display: none;
}
#accueil1:target #content1
{
display: block;
height: 300px;
overflow: hidden;
border: 1px solid #596b87;
font-size: 11px;
color: #3c506f;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}
#accueil2:target #content2
{
display: block;
height: 300px;
overflow: hidden;
background: #8799b6;
font-size: 11px;
color: #3c506f;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}
#accueil3:target #content3
{
display: block;
height: 300px;
overflow: hidden;
background: #8799b6;
font-size: 11px;
color: #3c506f;
}
#accueil4:target #content4
{
display: block;
height: 300px;
overflow: hidden;
background: #8799b6;
font-size: 11px;
color: #3c506f;
}
.info_accueil
{
padding: 10px;
text-align: justify;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}

Duck President Messages : 352 Date d'inscription : 10/07/2012 Age : 33

Uh uh mais pourquoi vous mettez tous votre CSS sans dessus dessous? x)
Bon je regarde à ça et reviens vers toi dès que c'est fait Wink

Par contre, j'ai une question ... tu as voulu dire quoi en mettant ça

Code:: a[href="/u1"] span strong

Messages : 31 Date d'inscription : 08/10/2012 Age : 50

En fait, c'est un code qu'Anheru m'a donné pour mettre une image devant le pseudo. Je l'ai laissé tel quel, j'ai pas cherché plus loin. Wink

PS: si tu veux avoir les pass fondateurs pour tester, tu n'as qu'un mot à dire. Wink

Merci encore pour tout. I love you

Duck President Messages : 352 Date d'inscription : 10/07/2012 Age : 33

Ayé ^^
J'ai trouvé ta petite erreur Wink

Lorsque tu veux centrer le texte de ton QEEL, tu ne dois pas uniquement te contenter de mettre

Code:: <center>

Tu dois donner une id à ton QEEL donc en clair ça donne ça

Code:: <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="qeel">

Après quoi tu dis dans le CSS que ton texte doit être centré :

Code:: table#qeel{
text-align:center
}

En tout cas, chez moi ça fonctionne à merveille ^^
Si jamais tu vois que ça ne va pas correctement chez toi, je prendrai le pass fondateur pour jeter un oeil de plus près Wink

Et comme je suis gentille, je t'ai rassemblé la partie CSS concernant ton QEEL x)

Code:: .cathead {
background: url(http://i33.servimg.com/u/f33/16/63/49/07/dessus11.png) top center no-repeat; /*Ici on ne veut pas qu'elle se répète*/
width: 930px; /*Largeur de l'image*/
height: 94px; /*Hauteur de l'image*/
margin: auto; /*Permet de centrer la partie du corps*/
}
.cattitle {
padding-top: 60px;
margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
text-align: center; /*alignement du texte par rapport au bloc qui le contient */
letter-spacing:2px; /* espacement entre les lettres */
font-variant:small-caps; /* texte en petites majuscules */
color:#ffffff; /* couleur du texte */
font-family: Geneva, Tahoma, Verdana, sans-serif;
font-size:12px;
}
.catbody {
background: url(http://i33.servimg.com/u/f33/16/63/49/07/milieu11.png) center repeat-y; /*Ici on veut qu'elle se répète*/
width: 930px; /*Largeur de l'image*/
margin: auto;
}
.catfoot {
background: url(http://i37.servimg.com/u/f37/17/57/15/92/dessou10.png) top center no-repeat; /*Ici on ne veut pas qu'elle se répète*/
width: 930px; /*Largeur de l'image*/
height: 94px; /*Hauteur de l'image*/
margin: auto; /*Permet de centrer la partie du corps*/
}
table#qeel{
text-align:center;
}

Voilà également la partie de ton Template (uniquement le QEEL) corrigée Wink

Code:: 
<div class="cathead"><div class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><b><font color="#000000">{L_WHO_IS_ONLINE}</font></b></a></div></center></div><div class="catbody">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="qeel">

<tr>

<td class="row1" width="100%"><center><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></center></td>
</tr>
<tr>
<td class="row1"><center><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></center></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><center><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></center></td>
</tr>

<tr>
<td class="row1">
<center><span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />

<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>

</span>
</td>
</tr>

</table></div><div class="catfoot"></div>

Messages : 31 Date d'inscription : 08/10/2012 Age : 50

Tu m'en apprends tous les jours. Merci à toi. J'aime bien apprendre de nouvelles choses. Et grâce à toi, c'est beaucoup plus clair.
Merci. I love you

PS: ça marche nickel. Wink

RePS: grâce à toi. Tu m'as donné un autre idée pour un bug d'affichage sur le profil. En fait, j'ai changé la class du tableau pour l'index box et retirer l'attribut de largeur dans mon css pour le forumline. J'ai appliqué un attribut à ma nouvelle class dans mon css et tout c'est réglé.
Encore merci, tu m'aides énormément. Wink