QEEL Decalage

[b2uty]

Bonsoir, j'ai un petit probleme avec mon QEEL mes groupes et le texte sont pas bien placé dans la deco de l'image que voici. Aussi mon image ne s'affiche pas totalement


Normalement l'image de fond devrait etre comme ça :

Spoiler:

Quelqu'un pourait m'aider s'il vous plait...

[tupac]

Bonsoir

Pouvons nous avoir votre template index_body svp?

[b2uty]

Oui, le voici :

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 -->
    <IMG src="http://img834.imageshack.us/img834/3722/54012834.png"><A></A>
    <!-- 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}" />

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

    <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_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>

    <!-- BEGIN switch_on_index -->
    <!-- BEGIN switch_delete_cookies -->


    <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}" />

    <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 cellspacing="0" cellpadding="0" width="800px" border="0" class="statistiques"> <tr><td>

 <div width="750px" style="padding-left:10px;">
    <span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=1"><font color=#349400 size="2"><b>Leader of B2uties</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"><a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=2"><font color=#006A7D size="2"><b>Minaah Star</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=5"><font color=#F56767 size="2"><b> Rock Thighs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=3"><font color=#594AE0 size="2"><b> Maknae of substitution</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <p></p>
    <span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=6"><font color=#8CC4F2 size="2"><b> Joker</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=7"><font color=#D1AD86 size="2"><b>Rancho</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=4"><font color=#C255AC size="2"><b> Sexy Abs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=8"><font color=#A5A52F size="2"><b>Prince Arabe</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://cubeast-fr.forumactif.com/groupcp.forum?g=9"><font color="#AD005C" size="2"><b> Team cubeast</b></font></a> </span>
    </div>

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



<td class="arrondis"> 

 
    <div class="last24h">
    <span class="gensmall"><font size=1> {TOTAL_USERS}. <br>
    {NEWEST_USER}. <br>
    {TOTAL_POSTS}<br>
    </font><br>
    <span class="gensmall">{TOTAL_USERS_ONLINE} <br>
    {LOGGED_IN_USER_LIST} </span>
    <br>
    <table width="90%" align="center" style="text-align: justify" class="fa">
    <tr><td>{L_WHOSBIRTHDAY_TODAY}<br>
    {RECORD_USERS}</td></tr></table>
   
</td></tr>
<tr><td></td>
<table>{L_CONNECTED_MEMBERS}</table></div>



    <!-- END disable_viewonline -->

</td></tr></table>

    {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}.



[tupac]

Votre image est dans le css pouvez vous me le donner svp.

[b2uty]

CSS :

Code:


body {
background-position: top center;
background-repeat: no-repeat;
background-image: url();
}
 

.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #7c477f;
font-family: Georgia black;
font-size: 11px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #000000;
font-family: Georgia black ;
font-size: 15px;
}

#add-google{ border: 0px line #9e9e9e; }


.fond_magique{
    background-image:url(http://img4.imageshack.us/img4/3936/90094615.png) !important;
}




/***APPARENCE CAT-FO***/

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url("http://");
padding:2px 3px;}

.forumline{
background-image:url("http://");
border-bottom: 7px #AECECC solid;
border-top: 7px #AECECC solid;
border-right: 0px #FFCF67 solid;
border-left: 0px #FFCF67 solid;
}

a.forumlink {
text-decoration: none;
background-color: #;
border-bottom: 0px solid #ECF0F6;
border-top: 0px solid #ECF0F6;
-moz-border-radius: 11px ;
border-right: 0px solid #ECF0F6;
-moz-border-radius: 11px ;
border-left: 0px solid #ECF0F6;
display:block;
}



a.forumlink{
-moz-border-radius: 1px 1px 1px 1px;
background-color: #;
border-bottom: 0px solid #7c477f;
color:400315;
font-family: Georgia;
font-size: 16px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}

a.forumlink:hover {
text-transform:none;
}


.attachbox dt {
text-transform:none;
}



/***P.A***/

.boxtitle {
background-color: #D2E3D1;
color: #DC394C;
border-bottom: 0px hand #45407A;
font-weight:bold;
text-decoration:none;
font-size: 12px;
margin:0px 5px 0px 0px;
padding: 3px 10px 3px 10px;
display: block;
text-align : center;
}

.box {
background-color: #F1EFE3;
color: #4E87B2;
border: 0px solid #45407A;
font-size:12px;
margin: 0px;
padding: 3px 10px 3px 10px;
width: auto;
}

.att {
background-color: #F1EFE3;
color: #AD1F31;
border: 0px solid #45407A;
font-weight: bold;
font-size:11px;
text-align: center;
margin: 0px;
padding: 0px;
width: auto;
}

.li {
list-style-position: outside;
list-style-type: circle;
}

#subnav A:link, #subnav A:visited, #subnav A:active {
background-color: #F1EFE3;
color: #DC394C;
border-bottom: 0px hand #7c477f;
text-transform: lowercase;
text-decoration:none;
font-size: 11px;
display: block;
text-align : center;
padding: 2px;
line-height: 12px;
display: block;
}

#subnav A:hover {
background-color: #F1EFE3;
color: #4E87B2;
border-bottom: 0px hand #9B71B0;
text-transform: lowercase;
}



/***DESCRIPTION FORUM***/

#def {
display: block;
background-color: #;
border: 0px solid #7c477f; 
text-align: center;
font-size: 11px;
color:#45407A;
font-face: Trebuchet MS;
width: 70%;
}

.links a:link, .links a:active, .links a:visited {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #7c477f;
border-bottom: 0px dotted #7c477f;
font-size: 0px;
}

.links a:hover {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #7c477f;
border-bottom: 0px hand #7c477f;
font-size: 0px;
}




/***LIENS FORUM***/




.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}

a.gensmall {
font-size : 10px;
text-transform: .gensmall ;
}

a.gensmall:hover{
font-size : 11px;
text-transform: capitalize;
}
a.imginfo { /* INFOBULLES */
position: relative;
color: #7c477f; /* couleur de votre texte */
text-decoration: none;
border-bottom: 0px #7c477f solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 10px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7c477f;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #7c477f; /* vos couleurs et taille de bordures */
border-right: 3px solid #7c477f;
border-top: 3px solid #7c477f;
border-bottom: 5px solid #7c477f;
}



/***DIVERS***/

blockquote {
width: 600px;
border: 1px solid #942772;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
letter-spacing:2px;
font-size: 12px;
text-align: left;
background-image:url('http://2img.net/i/fa/empty.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
}

.fiche {
width: 610px;
border: 1px solid #942772;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
text-align: left;
}

.titre {
font-family: Tahoma;
font-size: 110%;
text-transform: uppercase;
background-image: URL(" ");
border-bottom: 1px dashed #ffffff;
color: #141414;
text-align: left;
border-left: 2px solid #B4B6B;
border-right: 2px solid #B4B6B;
}

.stitre {
border-bottom : 1px solid #753F86;
font-size: 15px;
color:#E3393A;
text-transform:lowercase;
letter-spacing:2px;
text-align: right;
width: 600px;
}








.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}





/*----QEEL----*/
.fa td {
background-color: transparent;
border: 0px #F2C799 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}


.statistiques{
border:0px;
width:995px;
background-image: url("http://img193.imageshack.us/img193/5492/085copie.png");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#dae5e0;border: 1px #565656 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:12px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}






.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 1px 1px 8px;}


.montablo{
background-color: #E3BE68;
color: #825810;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #7c477f;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }

.infobulle span img{border: 1px groove;padding: 2px;}

.infobulle:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}

ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: #21000E;
  border: 1px solid #121212;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background:#21000E;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;} 

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: #21000E;
  border-top: 1px solid #21000E;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
       
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: #E6D1A1;
  border: 2px solid #DBB764;
  padding: 2px;   
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }


.forumline{
border: 15px solid # ;}


.maintitle
{
margin-top:400px;
}





.row1.over span.gensmall
{
display: none
}




a.forumlink:hover {
color: #C0C0C0;
background-color: #
}


.vava{
background-color: #dae5e0;
padding: 3px;
-moz-border-radius: 3px;
border: 2px solid #8ec3c1
}



.post .name{
font-size: 21px;
font-family: garamond;
text-align: center;}



.postdetails.poster-profile{
font-size: 10px;
font-family: Trebuchet MS;

}










.row3 { TEXT-TRANSFORM: uppercase; FONT-FAMILY: small fonts; COLOR: #c08c44; FONT-SIZE: 1px; FONT-WEIGHT: normal; text-shadow: 1px 1px 1px #000000; color: black; }.









.arrondis {
border: 0px solid black;
-moz-border-radius: 8px;
border-radius:8px;
-webkit-border-radius:8px;}.




/*titre des catégories*/
.secondarytitle{
background-color: #couleur de votre choix pour le fond;
}
.secondarytitle, .secondarytitle h2{
color : #couleur de votre choix pour la police;
text-align:center;
background-color: transparent;
}





    .stats{
  background-image: url(http://img850.imageshack.us/img850/985/37220702.png);
      padding: 3px;
      text-align: center;}


.dermessage{
  background-color: #a52a2a;
  border: 1px dashed #a0522d;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 12px;
  padding: 3px;
  text-align: center;}

[b2uty]

Désolé il est plustot charger >.<
voici la partie QEEL si ça peux vous aidez

Code:


/*----QEEL----*/
.fa td {
background-color: transparent;
border: 0px #F2C799 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}


.statistiques{
border:0px;
width:995px;
background-image: url("http://img193.imageshack.us/img193/5492/085copie.png");
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#dae5e0;border: 1px #565656 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:12px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

[tupac]

Voila j'ai placé le css dans le template c'est plus pratique pour faire les réglages et j'ai fais d'autres modifications pour que le contenu soit placé pile poil au centre du cadre.

Spoiler:

[b2uty]

Je vois encore plus décalé maintenant :



c'est peut etre aussi parceque je suis sous explorer 7, j'ai déja vu des forums ou leur QEEL se déformé de la meme façon que sur l'image. Mais beaucoup d'autre forum je vois trés bien leur QEEL T.T
il a pas un autre systheme ? (je me demande si les membres de mon forum voit comme moi >.<)

Edite :
Aprés avoir actualisé ma page je vois tout nikel sans décalage =p
Donc Merci beaucoup pour votre aide c'est juste parfait !!!
je suis trop contante et je vous suis trés reconnaisante. Encore merci ^^

[tupac]

Mais de rien se fut avec plaisir

Bon dimanche