Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Message par Kanzaki le Sam 21 Avr 2012 - 19:37

Bonsoir Smile
J'ai un gros soucis au niveau esthétique de mon forum, je sais pas du tout si ça vient du css ou si c'est des templates mais, les sous-forums et le qeel se colle carrément à la bordure à gauche alors qu'à droite, c'est tout à fait normal :



Voici le css complet

Code:

body
{

}

.bodyline
{
  background: #99cccc;
}

.bodylinewidth
{
  width: 900px;
}

.bodyline
{
  width: 900px;
  padding: 0;
  background: #BFCF99;
  border-left: 5px solid #985745;
  border-right: 5px solid #985745;
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
}


.bodylinewidth
{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}

 
#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig
{
  width: 900px;
  margin: auto;
  text-align: center;
  background: #985745
  border-bottom: 2px solid #A00000;
  padding-bottom: 3px;
}
#navig a
{
  font-weight: bold;
}

#navig a
{
  font-weight: bold;
  color: #b9b9b9 !important;
  text-shadow: 1px 1px 0px #ba8664;
}
#navig a:hover
{
  color: #efefef !important;
}

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

.forumline
{
  width: 98%;
  margin: auto;
}
table
{
  width: 98%; 

}

.cate_titre
{
  width: 98%;
  margin: auto;
  text-align: justify;
}
.categorie
{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #B78664;
  border-top: 3px radius #4c4842;
  border-bottom: 3px radius #ffffff;
  border-right: 3px radius #ffffff;
  border-left: 3px radius #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #EBDDBB;
  border: 1px dotted #a6bf70;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 600px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #92b356;
}
.description
{
  display: block;
  width: 500px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #93b359;
}
.illu
{
  float: justify;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 100px;
  margin: auto;
  background: #EFE5CE;
  padding: 10px;
  border: 1px dotted #A6BF70;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #A6BF70;
  border-bottom: 1px solid #A6BF70;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: #b78664;
  padding: 2px;
  text-align: justify;
}

.profil
{
  width: 210px;
  margin: auto;
  padding: 4px;
  background: #efe5ce;
  border: 1px dotted #A6BF70;
  text-align: justify;
  padding-left: -10px;
}

.post .name
{
  font-family:'Cookie', cursive;
}
.ombre
{text-shadow: #90674D 1px 1px 1px;}
.profil_avatar
{ border: 1px dotted #A6BF70;
  background: #d29c76;
  padding: 4px;
}

.message_contenu
{
  text-align: justify;
  font-size: 12px;
  padding: 10px;
}




 
 
  /*----------------- Ma général ----------------- */
 

 /* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}


/*le tableau invisible */

.table25
{
border: none ;
}


/* Liens */

.a2
{
display: block;
width: 130px;
color: #EFE5CE;
text-align:center;
border: 1px solid #BA8664;
 -moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}


.a2:hover
{

background-color: #c0d397;
color: white;
}



#table22 /* fond du ma */
{
width: 770px;
background-color: #B38060;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}




/*-----------------Titre----------------- */


/* Le titre special pour le texte de bienvenu */

.h2_themebienvenu
{
font-size: 14px;
background-color: #9EB96C;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 367px;
}


/* le titre special pour les credits */


.h2_themecredit
{
font-size: 14px;
background-color: #9EB96C;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
}

/* le titre pour les autres boites */



.h2_theme
{
font-size: 14px;
background-color: #9EB96C;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;

}


/* effet de transparance FF */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------Les boites contenant les textes----------------- */





/* Navigation */

 .navi_ma
 {
  background-color:#EFE5CE;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #A6BF70;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #985745; 
-moz-box-shadow: 4px 4px 0 #985745; 
-khtml-box-shadow: 4px 4px 0 #985745; 
padding-top: 20px;

}


/* News  */

 .news
 {
 background-color: #EFE5CE;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #985745;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #985745; 
-moz-box-shadow: 4px 4px 0 #985745; 
-khtml-box-shadow: 4px 4px 0 #985745; 
}

/* Partenaires */

.partenaire_test
{
 background-color: #EFE5CE;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #985745;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #985745;
-moz-box-shadow: 4px 4px 0 #985745; 
-khtml-box-shadow: 4px 4px 0 #985745;   
padding-top: 20px;

}


/* message de bienvenu */


#bienvenu_ma
{
 background-color: #EFE5CE;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #985745;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #985745; 
-moz-box-shadow: 4px 4px 0 #985745; 
-khtml-box-shadow: 4px 4px 0 #985745; 
width: 370px;
}
 
/* membres staffs */
 

 
 .staff
{
 background-color: #EFE5CE;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #985745; 
-moz-box-shadow: 4px 4px 0 #985745; 
-khtml-box-shadow: 4px 4px 0 #985745; 
padding-top: 20px;
}


/*crédits */

 
 .credits
 {
 background-color: #EFE5CE;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #985745;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #985745; 
-moz-box-shadow: 4px 4px 0 #985745; 
-khtml-box-shadow: 4px 4px 0 #985745; 
padding-top: 20px;

}




/*-----------------inffobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color: #985745;
}

div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: #985745;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #EFE5CE;
color: #985745;
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 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é */
text-align: center;
font-size: 14px;
}




/* QEEl */

.tableauqueel{
background-color : #EBDDBB ;
border : solid 3px #709930;
-moz-border-radius : 10px 10px 10px 10px}

.partiedroite {
font-size : 10px ;
border-left : 2px dotted #709930 ;
padding-left : 10x }


.groupes{
background-color:#CBDAA9 ;
border: 1px color #EBDDBB  ;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #9C5E49 ;
text-decoration: none !important;
}

.bouton-profil {
    cursor: pointer; /* curseur au survol */
    margin: 2px 0; /* petite marge en haut et en bas */
    padding: 2px; /* espacement entre le texte et la bordure */
    text-align: center; /* centrage du texte dans le bloc */
  /* -- mise en forme -- */
  background: #f1e3c3; /* couleur de fond */
    border: 1px dotted #A6BF70; /* bordure */
    color: #709930; /* couleur texte */
    font-size: 11px; /* taille du texte */
    font-variant: small-caps; /* effet petites majuscules */
    font-weight: bold; /* effet gras */
    letter-spacing: 2px; /* espace entre les lettres */
}

.profil-cache {
  border: 1px dotted #A6BF70;
  background : #EBDDBB;
    margin: 2px 0;
    padding: 2px;
}



.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

#page-body
{
width: 900px;
margin: auto;
}

div.topictitle {
  display: inline;
  font-variant: small-caps;
  }
h2.topic-title {
  display: inline;
    margin: 0;
    padding: 0;
  font-variant: normal;
  }

L'index box :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<div class="cate_titre">{catrow.tablehead.L_FORUM}</div>

<div class="categorie">

   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
 
  <div class="forum">
   
<table><tr>
  <td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td>
  <td style="vertical-align: top;"><span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
  <span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
  <td><span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
    <span class="last">{catrow.forumrow.LAST_POST}</span></span></td>
</tr></table>
   
    <span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
   
  </div>

   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
 
  </div>
 
<!-- END tablefoot --><!-- END catrow -->

L'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">
<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_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <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="95%" 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 -->
<center>
<img src="IMAGE URL">
<div class="tableauqueel">
<table style="width: 100%; border-collapse:collapse;">
  <br><br><tr>
      <td width="50%"><center><span class="groupes"> <a href="http://timeisrunningout.frbb.net/g5-humains"><font color=#996666 size="2"><b>HUMAINS</b></font></a></span>
<span class="groupes"> <a href="http://timeisrunningout.frbb.net/g4-arcanes"><font color=#414542 size="2"><b>ARCANES</b></font></a></span> <br><br>
<span class="groupes"> <a href="http://timeisrunningout.frbb.net/g3-ablithians"><font color=#5880DA size="2"><b>ABLITHIANS</b></font></a></span>
<span class="groupes"> <a href="http://timeisrunningout.frbb.net/g6-valariens"><font color=#B12A1F size="2"><b>VALARIENS</b></font></a></span><br><br>
</center>
</td>
      <td width="50%"><div class="partiedroite"><br><ul><div class="gensmall">{TOTAL_POSTS}<br>{TOTAL_USERS}

{NEWEST_USER}<br>{TOTAL_USERS_ONLINE}</div><br>
</ul>
<br></div></td>
  </tr>
</table><br>
<span class="gensmall"><table width=70%">{L_CONNECTED_MEMBERS}
{LOGGED_IN_USER_LIST}<br></table></span></div></center>
<br>
<!-- 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}

J'ai deux autres soucis un peu moins voyants puisqu'il s'agit des topics. Il me fait une espèce de rectangle verte à droite :



Voici le viewtopic_body :

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
             | 
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <div class="profil"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_RANK}<br />
                          {postrow.displayed.RANK_IMAGE}<div class="profil_avatar">{postrow.displayed.POSTER_AVATAR}</div><br><strong><div align="center"><font size="5,5"><span class="ombre">{postrow.displayed.POSTER_NAME}</span></div></font></strong></span><br />
            <div class="postdetails poster-profile">                   
            <!-- BEGIN profile_field -->
                                  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                  <!-- END profile_field -->
                                            <div onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="bouton-profil">En savoir plus</div>
                                  <div class="profil-cache" style="display: none">
            {postrow.displayed.POSTER_RPG}
         </div><br />
         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" /></div>
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div class="message_contenu">{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style=" 0 0 1px 0; border-top: 0px;">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open";margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


Dernière édition par Kanzaki le Mer 25 Avr 2012 - 16:51, édité 2 fois

Kanzaki
****

Féminin
Messages : 284
Inscrit(e) le : 19/06/2006

http://mademoiselle-x3.forumactif.org/forum.htm
Kanzaki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Message par Kanzaki le Mar 24 Avr 2012 - 15:24

UP ! Je crois que ça vient du CSS mais j'arrive pas à bien régler le problème :/

Kanzaki
****

Féminin
Messages : 284
Inscrit(e) le : 19/06/2006

http://mademoiselle-x3.forumactif.org/forum.htm
Kanzaki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Message par Anzu le Mar 24 Avr 2012 - 16:05


Bonjour,

Le dawa votre css Mr. Green
Il y a des codes en "double" au début, faites un peu le ménage.

Sinon, concernant votre problème, retirez ceci (tout à la fin de votre css):

Code:
    #page-body
    {
    width: 900px;
    margin: auto;
    }

Et pour votre deuxième problème, retirez ceci:

Code:
 table
    {
      width: 98%;

    }

Cordialement.


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Message par Kanzaki le Mar 24 Avr 2012 - 16:21

Je débute en css avec ma co-admin donc oui c'est fouillis Embarassed

Pour le problème de déformation en bas des topics, ça marche très bien par contre, au niveau de la déformation c'est toujours pas ça :/ http://timeisrunningout.frbb.net/ -> au niveau de la PA c'est assez laid à droite, ça colle carrément à la bordure !

J'ai changé de Page d’accueil entre temps mais, il me semble bien avoir retiré tout ce que vous avez dit, le css ressemble à ça :

Code:
tr.post span.gensmall {display:none}
body
{

}

.bodyline
{
  background: #99cccc;
}

.bodylinewidth
{
  width: 900px;
}

.bodyline
{
  width: 900px;
  padding: 0;
  background: #BFCF99;
  border-left: 5px solid #985745;
  border-right: 5px solid #985745;
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
}

.bodylinewidth
{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}

 
#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig
{
  width: 900px;
  text-align: center;
  background: #985745
  border-bottom: 2px solid #A00000;
  padding-bottom: 3px;
}
#navig a
{
  font-weight: bold;
}

#navig a
{
  font-weight: bold;
  color: #b9b9b9 !important;
  text-shadow: 1px 1px 0px #ba8664;
}
#navig a:hover
{
  color: #efefef !important;
}

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

.forumline
{
  width: 98%;
}

.cate_titre
{
  width: 98%;
  text-align: justify;
}
.categorie
{
  width: 98%;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #B78664;
  border-top: 3px radius #4c4842;
  border-bottom: 3px radius #ffffff;
  border-right: 3px radius #ffffff;
  border-left: 3px radius #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #EBDDBB;
  border: 1px dotted #a6bf70;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 600px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #92b356;
}
.description
{
  display: block;
  width: 500px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #93b359;
}
.illu
{
  float: justify;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 100px;
  margin: auto;
  background: #EFE5CE;
  padding: 10px;
  border: 1px dotted #A6BF70;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #A6BF70;
  border-bottom: 1px solid #A6BF70;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: #b78664;
  padding: 2px;
  text-align: justify;
}

.profil
{
  width: 210px;
  margin: auto;
  padding: 4px;
  background: #efe5ce;
  border: 1px dotted #A6BF70;
  text-align: justify;
  padding-left: -10px;
}

.post .name
{
  font-family:'Cookie', cursive;
}
.ombre
{text-shadow: #90674D 1px 1px 1px;}
.profil_avatar
{ border: 1px dotted #A6BF70;
  background: #d29c76;
  padding: 4px;
}

.message_contenu
{
  text-align: justify;
  font-size: 12px;
  padding: 10px;
}



/* QEEl */

.tableauqueel{
background-color : #EBDDBB ;
border : solid 3px #709930;
-moz-border-radius : 10px 10px 10px 10px}

.partiedroite {
font-size : 10px ;
border-left : 2px dotted #709930 ;
padding-left : 10x }


.groupes{
background-color:#CBDAA9 ;
border: 1px color #EBDDBB  ;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #9C5E49 ;
text-decoration: none !important;
}

.bouton-profil {
    cursor: pointer; /* curseur au survol */
    margin: 2px 0; /* petite marge en haut et en bas */
    padding: 2px; /* espacement entre le texte et la bordure */
    text-align: center; /* centrage du texte dans le bloc */
  /* -- mise en forme -- */
  background: #f1e3c3; /* couleur de fond */
    border: 1px dotted #A6BF70; /* bordure */
    color: #709930; /* couleur texte */
    font-size: 11px; /* taille du texte */
    font-variant: small-caps; /* effet petites majuscules */
    font-weight: bold; /* effet gras */
    letter-spacing: 2px; /* espace entre les lettres */
}

.profil-cache {
  border: 1px dotted #A6BF70;
  background : #EBDDBB;
    margin: 2px 0;
    padding: 2px;
}



.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


div.topictitle {
  display: inline;
  font-variant: small-caps;
  }
h2.topic-title {
  display: inline;
    margin: 0;
    padding: 0;
  font-variant: normal;
  }
 
 
 
 


/* test_quierra_11 */

#le_tableau{
color:#985745;
font-size: 12px;
font-family: Georgia;
background-color: #B78664;
border: 3px solid #709930;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #FFFFFF;
}

.text_imag{
color: #d8f795;
text-align: center;
vertical-align: center;
font-family: Georgia;
font-size: 30px;
font-weight: bold;
}

.style_cellule{
background-color: #EFE5CE;
border: 3px solid #709930;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

#igauche{
background-color: #0f100f;
background-color: #EFE5CE;
background-color: #EFE5CE;
border: 3px solid #709930;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #EFE5CE;
background-color: #EFE5CE;
background-color: #EFE5CE;
border: 3px solid #709930;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

.titre_4{
font-size: 14px;
color: #00a200;
border-bottom: 1px dotted #709930;
}

/* navigation */

#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li{
float: left;
margin: 0 2px;
}

#nav-menu li a{
background-color: #EFE5CE;
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 2px solid #00a200;
color: #9EB96C;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}

#nav-menu li a:hover{
color: #bfcd48;
font-style: italic;
}

/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */


/* fin navigation */


/* Scroller Box */

#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}

#dummy {;# }

#scroller_container {
overflow: auto;
}

/* fin Scroller Box */

/* infobulle */

div.info em {
display:none;
}

div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #424242;
border: 2px solid #00a200;
width:auto;
}

.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #00a200;
}

/* fin infobulle */

/* fin test quierra_11 */


Kanzaki
****

Féminin
Messages : 284
Inscrit(e) le : 19/06/2006

http://mademoiselle-x3.forumactif.org/forum.htm
Kanzaki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Message par Anzu le Mar 24 Avr 2012 - 17:51


Remplacez votre css par:

Code:
    tr.post span.gensmall {display:none}
    body
    {

    }

    .bodyline
    {
      background: #99cccc;
    }

    .bodylinewidth
    {
      width: 900px;
    }

    .bodyline
    {
      width: 900px;
      padding: 5px;
      background: #BFCF99;
      border-left: 5px solid #985745;
      border-right: 5px solid #985745;
      box-shadow: 0px 0px 10px #000000;
      -moz-box-shadow: 0px 0px 10px #000000;
      -o-box-shadow: 0px 0px 10px #000000;
      -htm-box-shadow: 0px 0px 10px #000000;
      -webkit-box-shadow: 0px 0px 10px #000000;
    }

    .bodylinewidth
    {
      width: 900px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -9px;
      margin-bottom: -9px;
    }

   
    #navigation
    {
      position: fixed;
      z-index: 999;
      height: 30px;
      width: 100%;
      margin-left: -8px;
    }
    #navig
    {
      width: 900px;
      text-align: center;
      background: #985745
      border-bottom: 2px solid #A00000;
      padding-bottom: 3px;
    }
    #navig a
    {
      font-weight: bold;
    }

    #navig a
    {
      font-weight: bold;
      color: #b9b9b9 !important;
      text-shadow: 1px 1px 0px #ba8664;
    }
    #navig a:hover
    {
      color: #efefef !important;
    }

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

    .forumline
    {
      width: 98%;
    }

    .cate_titre
    {
      width: 98%;
      text-align: justify;
    }
    .categorie
    {
      width: 98%;
      margin-top: 10px;
      margin-bottom: 10px;
      background: #B78664;
      border-top: 3px radius #4c4842;
      border-bottom: 3px radius #ffffff;
      border-right: 3px radius #ffffff;
      border-left: 3px radius #ffffff;
      box-shadow: 0px 0px 5px #595959;
      -moz-box-shadow: 0px 0px 5px #595959;
      -o-box-shadow: 0px 0px 5px #595959;
      -htm-box-shadow: 0px 0px 5px #595959;
      -webkit-box-shadow: 0px 0px 5px #595959;
    }
    .forum
    {
      width: 98%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      margin-bottom: 5px;
      background: #EBDDBB;
      border: 1px dotted #a6bf70;
      padding: 2px;
    }
    .forumlink
    {
      display: block;
      width: 600px;
      font-variant: small-caps;
      letter-spacing: 2px;
      padding-left: 20px;
      text-shadow: 1px 1px 0px #ffffff;
    }
    .forumlink a
    {
      font-size: 16px;
      border-bottom: 2px dotted #92b356;
    }
    .description
    {
      display: block;
      width: 500px;
      margin: auto;
      font-size: 11px;
      text-align: justify;
      color: #93b359;
    }
    .illu
    {
      float: justify;
      margin-left: 10px;
      margin-bottom: 10px;
      border: 1px solid #c0c0c0;
      background: #e9e9e6;
      padding: 5px;
    }

    .stats_last
    {
      display: block;
      width: 100px;
      margin: auto;
      background: #EFE5CE;
      padding: 10px;
      border: 1px dotted #A6BF70;
    }
    .stats
    {
      display: block;
      text-align: center;
      font-size: 10px;
      color: #A6BF70;
      border-bottom: 1px solid #A6BF70;
      padding-bottom: 4px;
      margin-bottom: 4px;
    }
    .last
    {
      display: block;
      text-align: center;
      font-size: 11px;
    }
    .sous_forum
    {
      display: block;
      width: 98%;
      margin: auto;
      background: #b78664;
      padding: 2px;
      text-align: justify;
    }

    .profil
    {
      width: 210px;
      margin: auto;
      padding: 4px;
      background: #efe5ce;
      border: 1px dotted #A6BF70;
      text-align: justify;
      padding-left: -10px;
    }

    .post .name
    {
      font-family:'Cookie', cursive;
    }
    .ombre
    {text-shadow: #90674D 1px 1px 1px;}
    .profil_avatar
    { border: 1px dotted #A6BF70;
      background: #d29c76;
      padding: 4px;
    }

    .message_contenu
    {
      text-align: justify;
      font-size: 12px;
      padding: 10px;
    }



    /* QEEl */

    .tableauqueel{
    background-color : #EBDDBB ;
    border : solid 3px #709930;
    -moz-border-radius : 10px 10px 10px 10px}

    .partiedroite {
    font-size : 10px ;
    border-left : 2px dotted #709930 ;
    padding-left : 10x }


    .groupes{
    background-color:#CBDAA9 ;
    border: 1px color #EBDDBB  ;
    -moz-border-radius : 10px 10px 10px 10px;
    height:40px;
    padding-right:12px;
    padding-left:14px;
    padding-bottom:3px;
    font-size:14px
    ;font-weight: bold;
    text-align:center;
    font-color : #9C5E49 ;
    text-decoration: none !important;
    }

    .bouton-profil {
        cursor: pointer; /* curseur au survol */
        margin: 2px 0; /* petite marge en haut et en bas */
        padding: 2px; /* espacement entre le texte et la bordure */
        text-align: center; /* centrage du texte dans le bloc */
      /* -- mise en forme -- */
      background: #f1e3c3; /* couleur de fond */
        border: 1px dotted #A6BF70; /* bordure */
        color: #709930; /* couleur texte */
        font-size: 11px; /* taille du texte */
        font-variant: small-caps; /* effet petites majuscules */
        font-weight: bold; /* effet gras */
        letter-spacing: 2px; /* espace entre les lettres */
    }

    .profil-cache {
      border: 1px dotted #A6BF70;
      background : #EBDDBB;
        margin: 2px 0;
        padding: 2px;
    }



    .opacity img {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;opacity: 0.5;
    }

    .opacity img:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;opacity: 1;
    }


    div.topictitle {
      display: inline;
      font-variant: small-caps;
      }
    h2.topic-title {
      display: inline;
        margin: 0;
        padding: 0;
      font-variant: normal;
      }
   
   
   
   


    /* test_quierra_11 */

    #le_tableau{
    color:#985745;
    font-size: 12px;
    font-family: Georgia;
    background-color: #B78664;
    border: 3px solid #709930;
    margin: 3px;
    -moz-border-radius: 12px ;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;
    -moz- text-shadow: 1px 1px 2px #000;
    -webkit- text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #FFFFFF;
    }

    .text_imag{
    color: #d8f795;
    text-align: center;
    vertical-align: center;
    font-family: Georgia;
    font-size: 30px;
    font-weight: bold;
    }

    .style_cellule{
    background-color: #EFE5CE;
    border: 3px solid #709930;
    margin: 3px;
    padding: 6px;
    -moz-border-radius: 12px ;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;
    }

    #igauche{
    background-color: #0f100f;
    background-color: #EFE5CE;
    background-color: #EFE5CE;
    border: 3px solid #709930;
    padding: 6px;
    -moz-border-radius: 12px ;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;
    }
    #idroite{
    background-color: #EFE5CE;
    background-color: #EFE5CE;
    background-color: #EFE5CE;
    border: 3px solid #709930;
    padding: 6px;
    -moz-border-radius: 12px ;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;
    }

    .titre_4{
    font-size: 14px;
    color: #00a200;
    border-bottom: 1px dotted #709930;
    }

    /* navigation */

    #nav-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    }

    #nav-menu li{
    float: left;
    margin: 0 2px;
    }

    #nav-menu li a{
    background-color: #EFE5CE;
    height: 25px;
    line-height: 25px;
    float: left;
    width: 138px;
    display: block;
    border: 2px solid #00a200;
    color: #9EB96C;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    -moz-border-radius: 12px 3px 12px 3px ;
    -webkit-border-radius: 12px 3px 12px 3px ;
    border-radius: 12px 3px 12px 3px ;
    -moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;
    margin: 2px 0px 2px 0px;
    }

    #nav-menu li a:hover{
    color: #bfcd48;
    font-style: italic;
    }

    /* Hide from IE5-Mac \*/
    #nav-menu li a{
    float: none
    }
    /* End hide */


    /* fin navigation */


    /* Scroller Box */

    #scroller_container {
    width: 120px;
    height: 70px;
    overflow: hidden;
    }

    #dummy {;# }

    #scroller_container {
    overflow: auto;
    }

    /* fin Scroller Box */

    /* infobulle */

    div.info em {
    display:none;
    }

    div.info:hover {
    background: none;
    z-index: 999;
    cursor: hand;
    position: relative;
    text-decoration:none;
    border: 0;
    }

    div.info:hover em {
    font-style: normal;
    font-size: 10px;
    color:#000 !important;
    padding: 3px;
    display: inline;
    position: absolute;
    top: 62px;
    left: 35px;
    -moz-border-radius: 7px 7px 0px 7px ;
    -webkit-border-radius: 7px 7px 0px 7px ;
    border-radius:7px 7px 0px 7px ;
    -moz-box-shadow: 0px 0px 4px #000;
    -webkit-box-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 4px #000;
    background-color: #424242;
    border: 2px solid #00a200;
    width:auto;
    }

    .titre_info{
    text-align: center;
    font-size: 14px;
    font-style: italic;
    border-bottom: 1px dotted #00a200;
    }

    /* fin infobulle */

    /* fin test quierra_11 */

Je pensais vous avoir dit de changer le padding. Il était de 0px, j'ai mis 5px.
Dites moi si c'est mieux.

En sachant que sur mon forum test, il n'y a pas ce souci après les modifications que je vous ai données. Il me faudrait le code de votre PA si cela persiste.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Message par Kanzaki le Mer 25 Avr 2012 - 13:28

Avec un padding de 5, il n'y a aucun soucis au niveau du QEEL mais, la PA n'a pas changéet les sous-forums ont à peine bougés de la bordure Sorry

Spoiler:

J'ai l'impression que contrairement au QEEL, les sous-forums s'alignent avec la PA donc c'est peut-être la source du problème ?

Voici le HTML de la PA :

Code:
<center>

<table width="100%" cellpadding="5" cellspacing="10" id="le_tableau">
<tbody><tr>
    <td rowspan="2" class="style_cellule" width="80"  style="background: url('http://d7.e-loader.net/p67OxrIPLx.png') no-repeat;"  ><p style="text-align: right;">Nulla hendrerit leo at ante laoreet posuere. Morbi pretium scelerisque lorem, eu posuere neque accumsan vitae. </td>
 
    <td colspan="2" class="style_cellule" style="background-image: url('http://d6.e-loader.net/KHdK90aXLr.png');"  width="40%"><p class="text_imag"></p></td>
</tr>
<tr>
    <td class="style_cellule" width="40%"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Morbi molestie iaculis sapien<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Morbi molestie iaculis sapien</td>

    <td class="style_cellule" width="40%"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Morbi molestie iaculis sapien<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Morbi molestie iaculis sapien<br></td>
</tr>
<tr>
    <td><div id="nav-menu">
<ul>
<li><a href="http://timeisrunningout.frbb.net/t21-registre-des-avatars">Avatars</a></li>
<li><a href="http://timeisrunningout.frbb.net/t6-le-contexte">Contexte</a></li>
<li><a href="http://timeisrunningout.frbb.net/f5-wanted-adverts">Prédéfinis</a></li>
<li><a href="http://timeisrunningout.frbb.net/f4-predefined-characters">Scénarios</a></li>
<li><a href="http://timeisrunningout.frbb.net/f7-guest-zone">Invités</a></li>
</ul>
</div> </td>

    <td id="igauche" VALIGN="top"><span class="titre_4" style="padding-left:15px;"> Les nouveautés du forum </span><p style="padding-left:15px;"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Ouverture du forum le X Avril 2012<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png">  Cras sed turpis ut leo accumsan accumsan</p></td>

    <td id="idroite" VALIGN="top"><span class="titre_4" style="padding-right:10px;"> Bienvenue {USER&amp;#8288;NAME} sur Time is Running Out ! </span><p style="padding-right:10px;">Nous espérons que notre communauté t’offrira de grandes aventures et te permettra de plonger au coeur du conflit entre Valar & Ablithia. Si tu as la moindre question, nous sommes là pour te répondre et répondons à tous nos MPs aussi vite que l’éclair. En te souhaitant de grands moments parmi nous.
</p></td>
</tr>
<tr>
    <td class="style_cellule" VALIGN="top">
<span class="titre_4">Nos partenaires</span>



<center><script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script><div id="scroller_container"><div class="jscroller2_up jscroller2_speed-40 jscroller2_mousemove">
      <a href="http://www.xixi-pub.com"  class="postlink" target="_blank" ><img src="http://d7.e-loader.net/hYQ1mgxUzC.png" alt="Xixi'Pub © Forum de Publicité et d'Entraide" border="0"></a>
<a href="http://atelier.sos-forum.net"  border="0" class="postlink" target="_blank" ><img src="http://d7.e-loader.net/hYQ1mgxUzC.png"></a>
<a href="http://perseverance.fr-bb.com" class="postlink" target="_blank" ><img src="http://d7.e-loader.net/hYQ1mgxUzC.png" alt="" border="0"></a>
<a href="http://twilightime.forumactif.com" class="postlink" target="_blank"><img src="http://d7.e-loader.net/hYQ1mgxUzC.png" alt="" border="0"></a>
<a href="http://dailylife.forumactif.org/" class="postlink" target="_blank"><img src="http://d7.e-loader.net/hYQ1mgxUzC.png" alt="" border="0"></a>
<a href="http://milopub.forumactif.org/" class="postlink" target="_blank"><img src="http://d7.e-loader.net/hYQ1mgxUzC.png" alt="" border="0"></a>

                                                </div>
                                        </div>

</center>
 </td>

    <td class="style_cellule" VALIGN="top">

<center>        <span class="titre_4"> Le staff</span>
<table>
<tr>
  <td><div class="info" style="color: #842b00">
      <img  alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg">
          <em>
              <span class="titre_info">YAOUP Fondateur



              <div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div>
                    <div><a href="#Lien Profil">Profil</a>    <a href="#Lien MP">MP</a></div>
              <div>
            </span>
          </em>
</div>
  </td>

  <td><div class="info" style="color: #842b00">
      <img  alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/614.jpg">
          <em>
                            <span class="titre_info">ROYAL Modo



              <div><img src="http://i65.servimg.com/u/f65/11/95/30/70/116.jpg" /></div>
                    <div><a href="#Lien Profil">Profil</a>    <a href="#Lien MP">MP</a></div>
              <div>
                            </span>
          </em>
</div>
    </td>

    <td><div class="info" style="color: #842b00">
      <img  alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/516.jpg">
          <em>
                            <span class="titre_info">YAOUP Fondateur


     
              <div><img src="http://i65.servimg.com/u/f65/11/95/30/70/216.jpg" /></div>
                    <div><a href="#Lien Profil">Profil</a>    <a href="#Lien MP">MP</a></div>
              <div>
          </span>
          </em>
</div>
</td>

  <td><div class="info" style="color: #842b00">
      <img  alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg">
          <em>
              <span class="titre_info">YAOUP Fondateur


     
              <div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div>
                    <div><a href="#Lien Profil">Profil</a>    <a href="#Lien MP">MP</a></div>
              <div>
          </span>
          </em>
</div>
  </td>
</tr>
</table>
</center>
    </td>

    <td class="style_cellule" VALIGN="top"><span class="titre_4">Les crédits</span>
<p style="padding-right:10px;">
<b>Design © </b>PRETTY LITTLE THING
<b>Page d'acceuil © </b>Quierra
<b>Codage © </b>Never Utopia</p>
</td>
</tr>
</tbody></table>
</center>

Kanzaki
****

Féminin
Messages : 284
Inscrit(e) le : 19/06/2006

http://mademoiselle-x3.forumactif.org/forum.htm
Kanzaki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Message par Anzu le Mer 25 Avr 2012 - 14:00

Bonjour,

J'avais oublié de vous demander votre index box.
Dans votre premier message, vous avez mis deux fois index body.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Message par Kanzaki le Mer 25 Avr 2012 - 16:21

Mince j'avais pas fais attention ^^"
Voilà c'est modifié par le bon template Smile

Kanzaki
****

Féminin
Messages : 284
Inscrit(e) le : 19/06/2006

http://mademoiselle-x3.forumactif.org/forum.htm
Kanzaki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Message par Anzu le Mer 25 Avr 2012 - 16:41

Remplacez votre css par:

Code:
      tr.post span.gensmall {display:none}
        body
        {

        }

        .bodyline
        {
          background: #99cccc;
        }

        .bodylinewidth
        {
          width: 900px;
        }

        .bodyline
        {
          width: 900px;
          padding: 5px;
          background: #BFCF99;
          border-left: 5px solid #985745;
          border-right: 5px solid #985745;
          box-shadow: 0px 0px 10px #000000;
          -moz-box-shadow: 0px 0px 10px #000000;
          -o-box-shadow: 0px 0px 10px #000000;
          -htm-box-shadow: 0px 0px 10px #000000;
          -webkit-box-shadow: 0px 0px 10px #000000;
        }

        .bodylinewidth
        {
          width: 900px;
          margin-left: auto;
          margin-right: auto;
          margin-top: -9px;
          margin-bottom: -9px;
        }

     
        #navigation
        {
          position: fixed;
          z-index: 999;
          height: 30px;
          width: 100%;
          margin-left: -8px;
        }
        #navig
        {
          width: 900px;
          text-align: center;
          background: #985745
          border-bottom: 2px solid #A00000;
          padding-bottom: 3px;
        }
        #navig a
        {
          font-weight: bold;
        }

        #navig a
        {
          font-weight: bold;
          color: #b9b9b9 !important;
          text-shadow: 1px 1px 0px #ba8664;
        }
        #navig a:hover
        {
          color: #efefef !important;
        }

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

        .cate_titre
        {
          width: 98%;
          text-align: justify;
        }
        .categorie
        {

          margin-top: 10px;
          margin-bottom: 10px;
          background: #B78664;
          border-top: 3px radius #4c4842;
          border-bottom: 3px radius #ffffff;
          border-right: 3px radius #ffffff;
          border-left: 3px radius #ffffff;
          box-shadow: 0px 0px 5px #595959;
          -moz-box-shadow: 0px 0px 5px #595959;
          -o-box-shadow: 0px 0px 5px #595959;
          -htm-box-shadow: 0px 0px 5px #595959;
          -webkit-box-shadow: 0px 0px 5px #595959;
        }
        .forum
        {
          width: 98%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 5px;
          margin-bottom: 5px;
          background: #EBDDBB;
          border: 1px dotted #a6bf70;
          padding: 2px;
        }
        .forumlink
        {
          display: block;
          width: 600px;
          font-variant: small-caps;
          letter-spacing: 2px;
          padding-left: 20px;
          text-shadow: 1px 1px 0px #ffffff;
        }
        .forumlink a
        {
          font-size: 16px;
          border-bottom: 2px dotted #92b356;
        }
        .description
        {
          display: block;
          width: 500px;
          margin: auto;
          font-size: 11px;
          text-align: justify;
          color: #93b359;
        }
        .illu
        {
          float: justify;
          margin-left: 10px;
          margin-bottom: 10px;
          border: 1px solid #c0c0c0;
          background: #e9e9e6;
          padding: 5px;
        }

        .stats_last
        {
          display: block;
          width: 100px;
          margin: auto;
          background: #EFE5CE;
          padding: 10px;
          border: 1px dotted #A6BF70;
        }
        .stats
        {
          display: block;
          text-align: center;
          font-size: 10px;
          color: #A6BF70;
          border-bottom: 1px solid #A6BF70;
          padding-bottom: 4px;
          margin-bottom: 4px;
        }
        .last
        {
          display: block;
          text-align: center;
          font-size: 11px;
        }
        .sous_forum
        {
          display: block;
          width: 98%;
          margin: auto;
          background: #b78664;
          padding: 2px;
          text-align: justify;
        }

        .profil
        {
          width: 210px;
          margin: auto;
          padding: 4px;
          background: #efe5ce;
          border: 1px dotted #A6BF70;
          text-align: justify;
          padding-left: -10px;
        }

        .post .name
        {
          font-family:'Cookie', cursive;
        }
        .ombre
        {text-shadow: #90674D 1px 1px 1px;}
        .profil_avatar
        { border: 1px dotted #A6BF70;
          background: #d29c76;
          padding: 4px;
        }

        .message_contenu
        {
          text-align: justify;
          font-size: 12px;
          padding: 10px;
        }



        /* QEEl */

        .tableauqueel{
        background-color : #EBDDBB ;
        border : solid 3px #709930;
        -moz-border-radius : 10px 10px 10px 10px}

        .partiedroite {
        font-size : 10px ;
        border-left : 2px dotted #709930 ;
        padding-left : 10x }


        .groupes{
        background-color:#CBDAA9 ;
        border: 1px color #EBDDBB  ;
        -moz-border-radius : 10px 10px 10px 10px;
        height:40px;
        padding-right:12px;
        padding-left:14px;
        padding-bottom:3px;
        font-size:14px
        ;font-weight: bold;
        text-align:center;
        font-color : #9C5E49 ;
        text-decoration: none !important;
        }

        .bouton-profil {
            cursor: pointer; /* curseur au survol */
            margin: 2px 0; /* petite marge en haut et en bas */
            padding: 2px; /* espacement entre le texte et la bordure */
            text-align: center; /* centrage du texte dans le bloc */
          /* -- mise en forme -- */
          background: #f1e3c3; /* couleur de fond */
            border: 1px dotted #A6BF70; /* bordure */
            color: #709930; /* couleur texte */
            font-size: 11px; /* taille du texte */
            font-variant: small-caps; /* effet petites majuscules */
            font-weight: bold; /* effet gras */
            letter-spacing: 2px; /* espace entre les lettres */
        }

        .profil-cache {
          border: 1px dotted #A6BF70;
          background : #EBDDBB;
            margin: 2px 0;
            padding: 2px;
        }



        .opacity img {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;opacity: 0.5;
        }

        .opacity img:hover {
        filter:alpha(opacity=100);
        -moz-opacity:1;opacity: 1;
        }


        div.topictitle {
          display: inline;
          font-variant: small-caps;
          }
        h2.topic-title {
          display: inline;
            margin: 0;
            padding: 0;
          font-variant: normal;
          }
     
     
     
     


        /* test_quierra_11 */

        #le_tableau{
        color:#985745;
        font-size: 12px;
        font-family: Georgia;
        background-color: #B78664;
        border: 3px solid #709930;
        margin: 3px;
        -moz-border-radius: 12px ;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 2px 2px 2px #000;
        -webkit-box-shadow: 2px 2px 2px #000;
        box-shadow: 2px 2px 2px #000;
        -moz- text-shadow: 1px 1px 2px #000;
        -webkit- text-shadow: 1px 1px 2px #000;
        text-shadow: 1px 1px 2px #FFFFFF;
        }

        .text_imag{
        color: #d8f795;
        text-align: center;
        vertical-align: center;
        font-family: Georgia;
        font-size: 30px;
        font-weight: bold;
        }

        .style_cellule{
        background-color: #EFE5CE;
        border: 3px solid #709930;
        margin: 3px;
        padding: 6px;
        -moz-border-radius: 12px ;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 2px 2px 2px #000;
        -webkit-box-shadow: 2px 2px 2px #000;
        box-shadow: 2px 2px 2px #000;
        }

        #igauche{
        background-color: #0f100f;
        background-color: #EFE5CE;
        background-color: #EFE5CE;
        border: 3px solid #709930;
        padding: 6px;
        -moz-border-radius: 12px ;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 2px 2px 2px #000;
        -webkit-box-shadow: 2px 2px 2px #000;
        box-shadow: 2px 2px 2px #000;
        }
        #idroite{
        background-color: #EFE5CE;
        background-color: #EFE5CE;
        background-color: #EFE5CE;
        border: 3px solid #709930;
        padding: 6px;
        -moz-border-radius: 12px ;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 2px 2px 2px #000;
        -webkit-box-shadow: 2px 2px 2px #000;
        box-shadow: 2px 2px 2px #000;
        }

        .titre_4{
        font-size: 14px;
        color: #00a200;
        border-bottom: 1px dotted #709930;
        }

        /* navigation */

        #nav-menu ul{
        list-style: none;
        padding: 0;
        margin: 0;
        }

        #nav-menu li{
        float: left;
        margin: 0 2px;
        }

        #nav-menu li a{
        background-color: #EFE5CE;
        height: 25px;
        line-height: 25px;
        float: left;
        width: 138px;
        display: block;
        border: 2px solid #00a200;
        color: #9EB96C;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        -moz-border-radius: 12px 3px 12px 3px ;
        -webkit-border-radius: 12px 3px 12px 3px ;
        border-radius: 12px 3px 12px 3px ;
        -moz-box-shadow: 2px 2px 2px #000;
        -webkit-box-shadow: 2px 2px 2px #000;
        box-shadow: 2px 2px 2px #000;
        margin: 2px 0px 2px 0px;
        }

        #nav-menu li a:hover{
        color: #bfcd48;
        font-style: italic;
        }

        /* Hide from IE5-Mac \*/
        #nav-menu li a{
        float: none
        }
        /* End hide */


        /* fin navigation */


        /* Scroller Box */

        #scroller_container {
        width: 120px;
        height: 70px;
        overflow: hidden;
        }

        #dummy {;# }

        #scroller_container {
        overflow: auto;
        }

        /* fin Scroller Box */

        /* infobulle */

        div.info em {
        display:none;
        }

        div.info:hover {
        background: none;
        z-index: 999;
        cursor: hand;
        position: relative;
        text-decoration:none;
        border: 0;
        }

        div.info:hover em {
        font-style: normal;
        font-size: 10px;
        color:#000 !important;
        padding: 3px;
        display: inline;
        position: absolute;
        top: 62px;
        left: 35px;
        -moz-border-radius: 7px 7px 0px 7px ;
        -webkit-border-radius: 7px 7px 0px 7px ;
        border-radius:7px 7px 0px 7px ;
        -moz-box-shadow: 0px 0px 4px #000;
        -webkit-box-shadow: 0px 0px 4px #000;
        box-shadow: 0px 0px 4px #000;
        background-color: #424242;
        border: 2px solid #00a200;
        width:auto;
        }

        .titre_info{
        text-align: center;
        font-size: 14px;
        font-style: italic;
        border-bottom: 1px dotted #00a200;
        }

        /* fin infobulle */

        /* fin test quierra_11 */

Cette fois ci, c'est la bonne Very Happy (enfin j'espère Lunette )

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas

Message par Kanzaki le Mer 25 Avr 2012 - 16:51

En effet cette fois ci c'est la bonne Very Happy Merci beaucoup pour cette aide.
Problème résolu

Kanzaki
****

Féminin
Messages : 284
Inscrit(e) le : 19/06/2006

http://mademoiselle-x3.forumactif.org/forum.htm
Kanzaki a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum