Sujets similaires

Bonjour et merci d'avance à ceux qui me viendront en aide.

Tout d'abord voici le lien du forum http://gods-falls.forumotion.com/

Et pour voir le bug directement : http://gods-falls.forumotion.com/t48-le-staff-du-forum

Je veux mettre les profils (avatar + info en haut soit à l'horizontal au lieu de sur le coté à la vertical). J'ai bien réussi l'opération, sauf que ce petit malin a des petits soucis. D'un poste à l'autre ce n'est plus aligné pareille (un coup au milieu, puis hop à gauche et hop pourquoi pas à droite). En plus j'ai un décalage, une sorte de marge géante entre le profil et le corps du poste. Je pense que si vous êtes allez voir directement sur le forum vous comprendrez mieux de quoi je parle. Je n'arrive absolument pas à trouver d'ou viens le bug, CSS ou template ? La je bloque
Et j'ai remarquée autre chose, quand il y a une nouvelle réponse, et que je clic dessus, ça ne m'emmène plus au dernier poste mais ça me m'amène en haut de la page. Vous pensez qu'il y a possibilité de rétablir ça comme avant ?

Et au passage, j'ai une petite question ! Est-il possible de faire plusieurs feuille CSS ? Le CSS général est super long, alors je me suis dis qu'il y a peut être un moyen de faire une feuille pour par exemple le codage des fiches, un autre pour la mise en forme du forum....?

Voici le CSS (dsl il est un peu long, mais logiquement j'ai pris le soin de marquer ou commence quoi)

Code:: .bodyline{
-moz-box-shadow:1px 1px 10px black;
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding: 0px;

}

.bodylinewidth{
width: 800px;
margin-top:-9px;
margin-bottom:-9px;
}

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

/* ------------------ MISE EN FORME DES CATEGORIES ET FORUMS -----------------------*/

img.icone{
position: absolute;
left: 10px;
top: 10px;
}

.cate_titre{
clear: both;
height: 100px;
margin-top: 50px;
}

.catetitre_bloc{ /*barre fond de titre catégorie*/
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 25px;
margin-left: auto;
margin-right : auto;
background-color: #3a503c;
}

.catetitre_content{ /*positionnement du titre catégorie*/
position: absolute;
z-index: 2;
display: block;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
text-align: center;
padding: 2px;
}

.catetitre{ /*Mise en forme titre categorie*/
color: #a9c07e;
font-family: Times New Roman, Times, serif;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #012321;
text-align:center;
}

.forum_bloc{
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
}

.forum{ /*taille des forums*/
float: left;
width: 390px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}

a.forumlink{ /* titre du forum*/
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #435e47;
text-align: center;
padding-bottom: 3px;
font-family: Alpha Geometrique, Critter, Cottonwood, fantasy;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #012321;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 3s;
-moz-transition: 3s;
-o-transition: 3s;
-htm-transition: 3s;
-webkit-transition: 3s;
}

a.forumlink:hover{ /*titre du forum au passage du pointeur*/
color: #5e1015;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 3s;
-moz-transition: 3s;
-o-transition: 3s;
-htm-transition: 3s;
-webkit-transition: 3s;
}

.forum_contenu{ /* fond des forums*/
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
background-color: #dce8ca;
border-bottom: 1px solid #3a503c;
}

.description{/*cadre description du forum*/
display: block;
position: absolute;
top: 10px;
right: 10px;
width: 270px;
margin: auto;
height: 115px;
overflow: hidden;
border: 2px solid #a9b286;
box-shadow: 1px 1px 1px #6b734e;
-moz-box-shadow: 1px 1px 1px #6b734e;
-htm-box-shadow: 1px 1px 1px #6b734e;
-webkit-box-shadow: 1px 1px 1px #6b734e;
-o-box-shadow: 1px 1px 1px #6b734e;
}

.description_contenu{/*texte dans le cadre description*/
position: absolute;
display: block;
width: 270px;
height: 115px;
overflow: auto;
background-color: #08291e;
font-size: 10px;
color: #9c9c9c;
text-align: jutsify;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.description_contenu:hover{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.icone_stats{
width: 300px;
margin: auto;
margin-top: -30px;
}

.stats_lastpost{ /*info dernier posteur, sujet...*/
display: block;
position: absolute;
bottom: 10px;
width: 200px;
height: 70px;
margin-left: 10px;
background-color: #bbcba3;
border-radius: 65px 65px 10px 10px;
border: 1px solid #ddeeda;
padding: 5px;
text-align: center;
right: 40px; /* placement du cadre info dernier sujet, posteur*/
}

.stats{
display: block;
margin-bottom: 5px;
border-bottom: 1px dotted #e8f5e6;
padding-bottom: 5px;
font-size: 10px;
color: #5b6e61;
}

.lastpost{
display: block;
font-size: 11px;
}

.sforum{ /*sous forum*/
position: relative;
z-index: 3;
display: block;
height: 0;
background: #3a503c;
color: #b5b5b5;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ouverture_sousforum{ /*languette servant à ouvrir*/
position: relative;
z-index: 3;
display: block;
float: right;
width: 125px;
margin-right: 20px;
background: #3a503c;
color: #b5b5b5;
font-size: 11px;
text-align: center;
padding: 4px;
border-radius: 0px 0px 65px 65px;
}
.sous_forum:hover .sforum{ /*bloc contenant les sous-forum une fois déplié*/
height: 50px;
background: #3a503c;
color: #b5b5b5;
padding: 4px;
overflow: auto;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.sous_forum a {/*liens des sous-forum*/
color: #b5b5b5 !important;
text-shadow: 1px 1px 0px #000000;
}

.sous_forum a:hover {
color: #ffffff !important;
}

/* Fin mise en forme des catérogie et forums */

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

/* ------------------ MISE EN FORME DU PROFIL ET DES MESSAGES -------------- */

.bloc_message{
width: 800px;
margin: 50px;
}

.profil{
width: 800px;
height: 260px;
margin: 50px;
background: #3a503c;
border-bottom: 2px solid #665f57;
border-bottom: 1px solid #667d60;
border-left: 1px solid #667d60;
border-right: 1px solid #667d60;
margin-top: 20px;
}

.message{
width: 800px;
margin: 50px;
background: #dce8ca;
margin-bottom: 20px;
border-bottom: 1px solid #667d60;
border-left: 1px solid #667d60;
border-right: 1px solid #667d60;
padding-top: 2px;
}

.online{
display: block;
clear: both;
position: absolute;
left: 450px
}

.avatar_profil{
display: block;
float: left;
margin-left: -20px;
margin-top: 5px;
transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-htm-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
}

.avatar_profil img{
position: absolute;
width: 150px;
border: 5px solid #e9e3dc;
box-shadow: 3px 3px 3px #000000;
-moz-box-shadow: 3px 3px 3px #000000;
-htm-box-shadow: 3px 3px 3px #000000;
-webkit-box-shadow: 3px 3px 3px #000000;
-o-box-shadow: 3px 3px 3px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.avatar_profil img:hover{
width: 200px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.bloc_profil{

text-align: center;
margin-left: 220px;
}

.rang_img{
position: relative;
float: left;
}

.pseudo_membre{
display: block;
width: 80%;
font-size: 24px;
letter-spacing: 2px;
border-bottom: 2px solid #e0d5c9;
margin-left: 50px;
margin-top:10px;
}

.rang{
display: block;
margin-left: 100px;
font-weight: bold;
font-size: 11px;
font-style: italic;
letter-spacing: 4px;
color: #e0d5c9;
}

.profil_contenu{
clear: both;
width: 70%;
height: 140px;
margin-top: 20px;
overflow: auto;
background-color: #dce8ca;
border-top: 1px solid #667d60;
border-left: 1px solid #667d60;
border-right: 1px solid #667d60;
padding: 4px;
font-size: 11px;
text-align: justify;
}

.message_contenu{
font-size: 11px;
text-align: justify;
padding:auto;
}

.signature_div{
width: 800px;
height: 200px;
margin: auto;
background: #bbcba3;
}

/***************************************************************
------------------------Fiche Scenarii -------------------------
***************************************************************/

.fiche_scenarii{ /* fond de la fiche*/
width:600px;
height:850px;
background-image:url('http://img11.hostingpics.net/pics/347736texturefond1.png');
border-radius: 50px 50px;
position: relative;
padding:auto;
margin:auto;
}

.cadre_fich_scenarii{ /*cadre contenant l'avatar*/
width: 500px;
height: 250px;
overflow: hidden;
position:relative;
margin:auto;
padding:auto;
}

.contenu_texte_scenarii{ /*nom et prénom dans le cadre avatar*/
width: 500px;
height: 250px;
overflow: auto;
position:absolute;
display: block;
background-color: #08291e;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.nom_prenom_scenarii{
font-size: 50px;
color: #9c9c9c;
text-align: center;
padding-top: 50px;
color: white;
}

.feat_scenarii{
font-size: 11px;
text-align:center;
color: lightgrey;
;
}

.contenu_texte_scenarii:hover{ /*apparition du nom prénom au passage du pointeur*/
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
   filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s; }

.id_scenarii{ /* cadre identité*/
   width: 460px;
   height: 90px;
   position: relative;
   left:139px;
bottom:45px;

   background:#b2c09d;
   margin: 10px;
   text-align: justify;
   font-size: 12px;
   padding:20px;
   overflow: auto;
}

.info_scenarii{ /*info a completer*/
   font-weight: italic;
   color: #536f28;
}

.titre_id_scenarii{ /*titre sur le coté*/
   position:relative;
   bottom:325px;
   left: -10px;
   font-size: 35px;
   color: #616e57;
   font-family: Georgia;
   height: 30px;
   width: 300px;
   text-align: left;
   -moz-transform:rotate(-90deg); //firefox
-webkit-transform:rotate(-90deg); //Chrome, Safari
-o-transform:rotate(-90deg); //Opera
}

.histoire_scenarii{ /* cadre histoire*/
   width: 500px;
   height: 200px;
   position: relative;
   padding:auto;
bottom:158px;
   left:149px;
   overflow: auto;
   background: #b2c09d;
}

.texte_histoire_scenarii{ /* mise en forme du texte histoire*/
   text-align: justify;
   font-size: 12px;
   padding: 20px;
   line-height: 17px;
}

.titre_histoire_scenarii{ /*titre sur le coté*/
   position: relative;
   bottom: 85px;
   left: -30px;
   font-family: Georgia;
   font-size: 35px;
   color: #616e57;
   text-align: left;
   width: 320px;
   -moz-transform:rotate(-90deg); //firefox
-webkit-transform:rotate(-90deg); //Chrome, Safari
-o-transform:rotate(-90deg); //Opera
   padding-right:15px;
}

.lien_scenarii{ /*cadre des liens*/
   width: 460px;
   height: 130px;
   position: relative;
   bottom: 205px;
   left: 148px;
   overflow: auto;
   background: #b2c09d;
   padding: 20px;
}

.titre_lien_scenarii{ /*titre sur le coté*/
   position:relative;
bottom:195px;
   left:-30px;
   font-family: Georgia;
   font-size: 35px;
   color: #616e57;
   text-align: left;
   width: 320px;
   -moz-transform:rotate(-90deg); //firefox
-webkit-transform:rotate(-90deg); //Chrome, Safari
-o-transform:rotate(-90deg); //Opera
   padding-right:15px;
}

.feat_scenarii_lien{ /*mise en forme du feat dans les liens*/
   font-size: 11px;
   color: #68715a;
}

/***************************************************************
--------------------Fin Fiche Scenarii -------------------------
***************************************************************/

Et le template viewtopic body (c'est celui la je crois ?)

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

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


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>
<td align="left" valign="middle" nowrap="nowrap">

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


<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</span>

</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&pub=forumotion">{L_SHARE}</a>

|
<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}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>

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

<center><h1 class="cattitle"> {TOPIC_TITLE}</h1></center>

<div class="bloc_message">
<span class="gensmall" align="right">{PAGINATION}</span>




<div style="clear: both;"></div>

<div class="profil">
<span class="online">{postrow.displayed.ONLINE_IMG}</span>
<span class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span>
<div class="bloc_profil"><span class="rang_img">{postrow.displayed.RANK_IMAGE}</span>
<span class="pseudo_membre">{postrow.displayed.POSTER_NAME}</span>
<span class="rang">{postrow.displayed.POSTER_RANK}</span>
<div class="profil_contenu">

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}</div>
<span class="option_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</span>
</div></div>

<div class="message">
<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">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

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



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

</div>



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



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

</div>


<div class="postbody">

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


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />


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



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

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


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

</dd>
</dl>


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

</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</div>
</div>


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



<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

<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="margin: 0 0 1px 0; border-top: 0px;">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

</tr>


<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


<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" style="display:'';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">

» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />

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



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

<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>

<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

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

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

<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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

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

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


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>


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



<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>

</tr>
</table>
</form>


<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="{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>



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

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Merci beaucoup à vous, en espérant que vous pourrez m'aider ^^

Bonjour,

Voilà déjà qui devrait régler ton problème de lien et de hauteur dans la page.

J'ai ajouté

Code:: <a name="{postrow.displayed.U_POST_ID}"></a>

Dans le div.message Wink

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

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


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>
<td align="left" valign="middle" nowrap="nowrap">

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


<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</span>

</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&pub=forumotion">{L_SHARE}</a>

|
<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}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>

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

<center><h1 class="cattitle"> {TOPIC_TITLE}</h1></center>

<div class="bloc_message">
<span class="gensmall" align="right">{PAGINATION}</span>




<div style="clear: both;"></div>

<div class="profil">
<span class="online">{postrow.displayed.ONLINE_IMG}</span>
<span class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span>
<div class="bloc_profil"><span class="rang_img">{postrow.displayed.RANK_IMAGE}</span>
<span class="pseudo_membre">{postrow.displayed.POSTER_NAME}</span>
<span class="rang">{postrow.displayed.POSTER_RANK}</span>
<div class="profil_contenu">

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}</div>
<span class="option_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</span>
</div></div>

<div class="message">
<a name="{postrow.displayed.U_POST_ID}"></a>
<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">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

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



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

</div>



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



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

</div>


<div class="postbody">

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


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />


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



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

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


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

</dd>
</dl>


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

</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</div>
</div>


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



<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

<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="margin: 0 0 1px 0; border-top: 0px;">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

</tr>


<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


<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" style="display:'';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">

» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />

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



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

<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>

<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

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

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

<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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

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

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


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>


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



<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>

</tr>
</table>
</form>


<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="{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>



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

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Le reste va demander un examen plus approfondi de tes templates. Je n'ai pas le temps actuellement, mais je suis sûr que quelqu'un viendra à ta rescousse bientôt Problème mise en page profil horizontal 1688815589

Problème mise en page profil horizontal 1688815589

.

Re-bonjour,

Je double-poste, j'aime double-poster ... ça me faire croire que je suis plus rapide que les autres . Problème mise en page profil horizontal 926145

Problème mise en page profil horizontal 926145

Donc, dans un premier temps, dans ton template, ceci:

Code:: <div class="bloc_message">

Était mal placé me semble-t-il, il doit aller en-dessous de BEGIN displayed et donnera cela:

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

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


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>
<td align="left" valign="middle" nowrap="nowrap">

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


<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</span>

</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&pub=forumotion">{L_SHARE}</a>

|
<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}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>

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

<center><h1 class="cattitle"> {TOPIC_TITLE}</h1></center>

<span class="gensmall" align="right">{PAGINATION}</span>



<div class="bloc_message">

<div class="profil">
<span class="online">{postrow.displayed.ONLINE_IMG}</span>
<span class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span>
<div class="bloc_profil"><span class="rang_img">{postrow.displayed.RANK_IMAGE}</span>
<span class="pseudo_membre">{postrow.displayed.POSTER_NAME}</span>
<span class="rang">{postrow.displayed.POSTER_RANK}</span>
<div class="profil_contenu">

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}</div>
<span class="option_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</span>
</div></div>

<div class="message">
<a name="{postrow.displayed.U_POST_ID}"></a>
<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">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

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



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

</div>



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



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

</div>


<div class="postbody">

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


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />


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



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

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


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

</dd>
</dl>


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

</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</div>
</div>


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



<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

<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="margin: 0 0 1px 0; border-top: 0px;">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

</tr>


<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


<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" style="display:'';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">

» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />

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



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

<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>

<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

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

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

<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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

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

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


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>


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



<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>

</tr>
</table>
</form>


<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="{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>



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

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Ensuite, j'ai bidouillé un brin le CSS pour tenter de résoudre le problème d'espacement... ceci devrait fonctionner:

Code:: .bodyline{
-moz-box-shadow:1px 1px 10px black;
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding: 0px;

}

.bodylinewidth{
width: 800px;
margin-top:-9px;
margin-bottom:-9px;
}

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

/* ------------------ MISE EN FORME DES CATEGORIES ET FORUMS -----------------------*/

img.icone{
position: absolute;
left: 10px;
top: 10px;
}

.cate_titre{
clear: both;
height: 100px;
margin-top: 50px;
}

.catetitre_bloc{ /*barre fond de titre catégorie*/
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 25px;
margin-left: auto;
margin-right : auto;
background-color: #3a503c;
}

.catetitre_content{ /*positionnement du titre catégorie*/
position: absolute;
z-index: 2;
display: block;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
text-align: center;
padding: 2px;
}

.catetitre{ /*Mise en forme titre categorie*/
color: #a9c07e;
font-family: Times New Roman, Times, serif;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #012321;
text-align:center;
}

.forum_bloc{
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
}

.forum{ /*taille des forums*/
float: left;
width: 390px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}

a.forumlink{ /* titre du forum*/
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #435e47;
text-align: center;
padding-bottom: 3px;
font-family: Alpha Geometrique, Critter, Cottonwood, fantasy;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #012321;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 3s;
-moz-transition: 3s;
-o-transition: 3s;
-htm-transition: 3s;
-webkit-transition: 3s;
}

a.forumlink:hover{ /*titre du forum au passage du pointeur*/
color: #5e1015;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 3s;
-moz-transition: 3s;
-o-transition: 3s;
-htm-transition: 3s;
-webkit-transition: 3s;
}

.forum_contenu{ /* fond des forums*/
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
background-color: #dce8ca;
border-bottom: 1px solid #3a503c;
}

.description{/*cadre description du forum*/
display: block;
position: absolute;
top: 10px;
right: 10px;
width: 270px;
margin: auto;
height: 115px;
overflow: hidden;
border: 2px solid #a9b286;
box-shadow: 1px 1px 1px #6b734e;
-moz-box-shadow: 1px 1px 1px #6b734e;
-htm-box-shadow: 1px 1px 1px #6b734e;
-webkit-box-shadow: 1px 1px 1px #6b734e;
-o-box-shadow: 1px 1px 1px #6b734e;
}

.description_contenu{/*texte dans le cadre description*/
position: absolute;
display: block;
width: 270px;
height: 115px;
overflow: auto;
background-color: #08291e;
font-size: 10px;
color: #9c9c9c;
text-align: jutsify;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.description_contenu:hover{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.icone_stats{
width: 300px;
margin: auto;
margin-top: -30px;
}

.stats_lastpost{ /*info dernier posteur, sujet...*/
display: block;
position: absolute;
bottom: 10px;
width: 200px;
height: 70px;
margin-left: 10px;
background-color: #bbcba3;
border-radius: 65px 65px 10px 10px;
border: 1px solid #ddeeda;
padding: 5px;
text-align: center;
right: 40px; /* placement du cadre info dernier sujet, posteur*/
}

.stats{
display: block;
margin-bottom: 5px;
border-bottom: 1px dotted #e8f5e6;
padding-bottom: 5px;
font-size: 10px;
color: #5b6e61;
}

.lastpost{
display: block;
font-size: 11px;
}

.sforum{ /*sous forum*/
position: relative;
z-index: 3;
display: block;
height: 0;
background: #3a503c;
color: #b5b5b5;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ouverture_sousforum{ /*languette servant à ouvrir*/
position: relative;
z-index: 3;
display: block;
float: right;
width: 125px;
margin-right: 20px;
background: #3a503c;
color: #b5b5b5;
font-size: 11px;
text-align: center;
padding: 4px;
border-radius: 0px 0px 65px 65px;
}
.sous_forum:hover .sforum{ /*bloc contenant les sous-forum une fois déplié*/
height: 50px;
background: #3a503c;
color: #b5b5b5;
padding: 4px;
overflow: auto;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.sous_forum a {/*liens des sous-forum*/
color: #b5b5b5 !important;
text-shadow: 1px 1px 0px #000000;
}

.sous_forum a:hover {
color: #ffffff !important;
}

/* Fin mise en forme des catérogie et forums */

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

/* ------------------ MISE EN FORME DU PROFIL ET DES MESSAGES -------------- */

.bloc_message{

}

.profil{

height: 260px;

background: #3a503c;
border-bottom: 2px solid #665f57;
border-bottom: 1px solid #667d60;
border-left: 1px solid #667d60;
border-right: 1px solid #667d60;
margin-top: 20px;
}

.message{

background: #dce8ca;
margin-bottom: 20px;
border-bottom: 1px solid #667d60;
border-left: 1px solid #667d60;
border-right: 1px solid #667d60;
padding-top: 2px;
}

.online{
display: block;
clear: both;
position: absolute;
left: 450px
}

.avatar_profil{
display: block;
float: left;
margin-left: -20px;
margin-top: 5px;
transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-htm-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
}

.avatar_profil img{
position: absolute;
width: 150px;
border: 5px solid #e9e3dc;
box-shadow: 3px 3px 3px #000000;
-moz-box-shadow: 3px 3px 3px #000000;
-htm-box-shadow: 3px 3px 3px #000000;
-webkit-box-shadow: 3px 3px 3px #000000;
-o-box-shadow: 3px 3px 3px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.avatar_profil img:hover{
width: 200px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.bloc_profil{

text-align: center;
margin-left: 220px;
}

.rang_img{
position: relative;
float: left;
}

.pseudo_membre{
display: block;
width: 80%;
font-size: 24px;
letter-spacing: 2px;
border-bottom: 2px solid #e0d5c9;
margin-left: 50px;
margin-top:10px;
}

.rang{
display: block;
margin-left: 100px;
font-weight: bold;
font-size: 11px;
font-style: italic;
letter-spacing: 4px;
color: #e0d5c9;
}

.profil_contenu{
clear: both;
width: 70%;
height: 140px;
margin-top: 20px;
overflow: auto;
background-color: #dce8ca;
border-top: 1px solid #667d60;
border-left: 1px solid #667d60;
border-right: 1px solid #667d60;
padding: 4px;
font-size: 11px;
text-align: justify;
}

.message_contenu{
font-size: 11px;
text-align: justify;
padding:auto;
}

.signature_div{
width: 800px;
height: 200px;
margin: auto;
background: #bbcba3;
}

/***************************************************************
------------------------Fiche Scenarii -------------------------
***************************************************************/

.fiche_scenarii{ /* fond de la fiche*/
width:600px;
height:850px;
background-image:url('http://img11.hostingpics.net/pics/347736texturefond1.png');
border-radius: 50px 50px;
position: relative;
padding:auto;
margin:auto;
}

.cadre_fich_scenarii{ /*cadre contenant l'avatar*/
width: 500px;
height: 250px;
overflow: hidden;
position:relative;
margin:auto;
padding:auto;
}

.contenu_texte_scenarii{ /*nom et prénom dans le cadre avatar*/
width: 500px;
height: 250px;
overflow: auto;
position:absolute;
display: block;
background-color: #08291e;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.nom_prenom_scenarii{
font-size: 50px;
color: #9c9c9c;
text-align: center;
padding-top: 50px;
color: white;
}

.feat_scenarii{
font-size: 11px;
text-align:center;
color: lightgrey;
;
}

.contenu_texte_scenarii:hover{ /*apparition du nom prénom au passage du pointeur*/
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s; }

.id_scenarii{ /* cadre identité*/
width: 460px;
height: 90px;
position: relative;
left:139px;
bottom:45px;

background:#b2c09d;
margin: 10px;
text-align: justify;
font-size: 12px;
padding:20px;
overflow: auto;
}

.info_scenarii{ /*info a completer*/
font-weight: italic;
color: #536f28;
}

.titre_id_scenarii{ /*titre sur le coté*/
position:relative;
bottom:325px;
left: -10px;
font-size: 35px;
color: #616e57;
font-family: Georgia;
height: 30px;
width: 300px;
text-align: left;
-moz-transform:rotate(-90deg); //firefox
-webkit-transform:rotate(-90deg); //Chrome, Safari
-o-transform:rotate(-90deg); //Opera
}

.histoire_scenarii{ /* cadre histoire*/
width: 500px;
height: 200px;
position: relative;
padding:auto;
bottom:158px;
left:149px;
overflow: auto;
background: #b2c09d;
}

.texte_histoire_scenarii{ /* mise en forme du texte histoire*/
text-align: justify;
font-size: 12px;
padding: 20px;
line-height: 17px;
}

.titre_histoire_scenarii{ /*titre sur le coté*/
position: relative;
bottom: 85px;
left: -30px;
font-family: Georgia;
font-size: 35px;
color: #616e57;
text-align: left;
width: 320px;
-moz-transform:rotate(-90deg); //firefox
-webkit-transform:rotate(-90deg); //Chrome, Safari
-o-transform:rotate(-90deg); //Opera
padding-right:15px;
}

.lien_scenarii{ /*cadre des liens*/
width: 460px;
height: 130px;
position: relative;
bottom: 205px;
left: 148px;
overflow: auto;
background: #b2c09d;
padding: 20px;
}

.titre_lien_scenarii{ /*titre sur le coté*/
position:relative;
bottom:195px;
left:-30px;
font-family: Georgia;
font-size: 35px;
color: #616e57;
text-align: left;
width: 320px;
-moz-transform:rotate(-90deg); //firefox
-webkit-transform:rotate(-90deg); //Chrome, Safari
-o-transform:rotate(-90deg); //Opera
padding-right:15px;
}

.feat_scenarii_lien{ /*mise en forme du feat dans les liens*/
font-size: 11px;
color: #68715a;
}

/***************************************************************
--------------------Fin Fiche Scenarii -------------------------
***************************************************************/

Est-ce que ça résout le problème ? N'hésite pas à le signaler dans le cas contraire ! Il m'arrive de trouver des solutions, de mal copier-coller de de laisser des problèmes ^^.

Voilà !

Oh merci !!!!!!!!!!!!!!!!

Orange tu es mon Dieu !!!! Les messages sont bien en place, plus d'espace gênant c'est super ^^

Mais il reste juste un détaille, les signatures on décidé de sortir faire un tour un peu en dehors de leur espace. C'est visible ici : http://gods-falls.forumotion.com/t225-dernier-bug-je-t-aurai#5709

Et une autre question qui me viens, que dois-je modifier pour que les postes fasse la même largeur que le header. Je dois leur imposer une width ?

Je redonne le CSS, vu que j'ai modifiée deux ou trois trucs :

Code:: .bodyline{
-moz-box-shadow:1px 1px 10px black;
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding: 0px;

}

.bodylinewidth{
width: 800px;
margin-top:-9px;
margin-bottom:-9px;
}

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

/* ------------------ MISE EN FORME DES CATEGORIES ET FORUMS -----------------------*/

img.icone{
position: absolute;
left: 10px;
top: 10px;
}

.cate_titre{
clear: both;
height: 100px;
margin-top: 50px;
}

.catetitre_bloc{ /*barre fond de titre catégorie*/
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 25px;
margin-left: auto;
margin-right : auto;
background-color: #3a503c;
}

.catetitre_content{ /*positionnement du titre catégorie*/
position: absolute;
z-index: 2;
display: block;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
text-align: center;
padding: 2px;
}

.catetitre{ /*Mise en forme titre categorie*/
color: #a9c07e;
font-family: Times New Roman, Times, serif;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #012321;
text-align:center;
}

.forum_bloc{
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
}

.forum{ /*taille des forums*/
float: left;
width: 390px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}

a.forumlink{ /* titre du forum*/
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #435e47;
text-align: center;
padding-bottom: 3px;
font-family: Alpha Geometrique, Critter, Cottonwood, fantasy;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #012321;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 3s;
-moz-transition: 3s;
-o-transition: 3s;
-htm-transition: 3s;
-webkit-transition: 3s;
}

a.forumlink:hover{ /*titre du forum au passage du pointeur*/
color: #5e1015;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 3s;
-moz-transition: 3s;
-o-transition: 3s;
-htm-transition: 3s;
-webkit-transition: 3s;
}

.forum_contenu{ /* fond des forums*/
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
background-color: #dce8ca;
border-bottom: 1px solid #3a503c;
}

.description{/*cadre description du forum*/
display: block;
position: absolute;
top: 10px;
right: 10px;
width: 270px;
margin: auto;
height: 115px;
overflow: hidden;
border: 2px solid #a9b286;
box-shadow: 1px 1px 1px #6b734e;
-moz-box-shadow: 1px 1px 1px #6b734e;
-htm-box-shadow: 1px 1px 1px #6b734e;
-webkit-box-shadow: 1px 1px 1px #6b734e;
-o-box-shadow: 1px 1px 1px #6b734e;
}

.description_contenu{/*texte dans le cadre description*/
position: absolute;
display: block;
width: 270px;
height: 115px;
overflow: auto;
background-color: #08291e;
font-size: 10px;
color: #9c9c9c;
text-align: jutsify;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.description_contenu:hover{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.icone_stats{
width: 300px;
margin: auto;
margin-top: -30px;
}

.stats_lastpost{ /*info dernier posteur, sujet...*/
display: block;
position: absolute;
bottom: 10px;
width: 200px;
height: 70px;
margin-left: 10px;
background-color: #bbcba3;
border-radius: 65px 65px 10px 10px;
border: 1px solid #ddeeda;
padding: 5px;
text-align: center;
right: 40px; /* placement du cadre info dernier sujet, posteur*/
}

.stats{
display: block;
margin-bottom: 5px;
border-bottom: 1px dotted #e8f5e6;
padding-bottom: 5px;
font-size: 10px;
color: #5b6e61;
}

.lastpost{
display: block;
font-size: 11px;
}

.sforum{ /*sous forum*/
position: relative;
z-index: 3;
display: block;
height: 0;
background: #3a503c;
color: #b5b5b5;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ouverture_sousforum{ /*languette servant à ouvrir*/
position: relative;
z-index: 3;
display: block;
float: right;
width: 125px;
margin-right: 20px;
background: #3a503c;
color: #b5b5b5;
font-size: 11px;
text-align: center;
padding: 4px;
border-radius: 0px 0px 65px 65px;
}
.sous_forum:hover .sforum{ /*bloc contenant les sous-forum une fois déplié*/
height: 50px;
background: #3a503c;
color: #b5b5b5;
padding: 4px;
overflow: auto;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.sous_forum a {/*liens des sous-forum*/
color: #b5b5b5 !important;
text-shadow: 1px 1px 0px #000000;
}

.sous_forum a:hover {
color: #ffffff !important;
}

/* Fin mise en forme des catérogie et forums */

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

/* ------------------ MISE EN FORME DU PROFIL ET DES MESSAGES -------------- */

.bloc_message{

}

.profil{

height: 260px;

background: #3a503c;
border-bottom: 2px solid #665f57;
border-bottom: 1px solid #667d60;
border-left: 1px solid #667d60;
border-right: 1px solid #667d60;
margin-top: 20px;
}

.message{

background: #dce8ca;
margin-bottom: 20px;
border-bottom: 1px solid #667d60;
border-left: 1px solid #667d60;
border-right: 1px solid #667d60;
padding-top: 2px;
}

.online{
display: block;
clear: both;
position: absolute;
left: 450px
}

.avatar_profil{
display: block;
float: left;
margin-left: -20px;
margin-top: 5px;
transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-htm-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
}

.avatar_profil img{
position: absolute;
width: 150px;
border: 5px solid #e9e3dc;
box-shadow: 3px 3px 3px #000000;
-moz-box-shadow: 3px 3px 3px #000000;
-htm-box-shadow: 3px 3px 3px #000000;
-webkit-box-shadow: 3px 3px 3px #000000;
-o-box-shadow: 3px 3px 3px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.avatar_profil img:hover{
width: 200px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.bloc_profil{

text-align: center;
margin-left: 220px;
}

.rang_img{
position: relative;
float: left;
}

.pseudo_membre{
display: block;
width: 80%;
font-size: 24px;
letter-spacing: 2px;
border-bottom: 2px solid #e0d5c9;
margin-left: 50px;
margin-top:10px;
}

.rang{
display: block;
margin-left: 100px;
font-weight: bold;
font-size: 11px;
font-style: italic;
letter-spacing: 4px;
color: #e0d5c9;
}

.profil_contenu{
clear: both;
width: 70%;
height: 140px;
margin-top: 20px;
overflow: auto;
background-color: #dce8ca;
border-top: 1px solid #667d60;
border-left: 1px solid #667d60;
border-right: 1px solid #667d60;
padding: 4px;
font-size: 11px;
text-align: justify;
}

.message_contenu{
font-size: 11px;
text-align: justify;
padding:auto;
margin-left: 50px;
margin-right: 50px;
}

.signature_div{
width: 100%;
height: 200px;
margin: auto;
background: #bbcba3;
}

/***************************************************************
------------------------Fiche Scenarii -------------------------
***************************************************************/

.fiche_scenarii{ /* fond de la fiche*/
width:600px;
height:850px;
background-image:url('http://img11.hostingpics.net/pics/347736texturefond1.png');
border-radius: 50px 50px;
position: relative;
padding:auto;
margin:auto;
}

.cadre_fich_scenarii{ /*cadre contenant l'avatar*/
width: 500px;
height: 250px;
overflow: hidden;
position:relative;
margin:auto;
padding:auto;
}

.contenu_texte_scenarii{ /*nom et prénom dans le cadre avatar*/
width: 500px;
height: 250px;
overflow: auto;
position:absolute;
display: block;
background-color: #08291e;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.nom_prenom_scenarii{
font-size: 50px;
color: #9c9c9c;
text-align: center;
padding-top: 50px;
color: white;
}

.feat_scenarii{
font-size: 11px;
text-align:center;
color: lightgrey;
;
}

.contenu_texte_scenarii:hover{ /*apparition du nom prénom au passage du pointeur*/
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s; }

.id_scenarii{ /* cadre identité*/
width: 460px;
height: 90px;
position: relative;
left:139px;
bottom:45px;

background:#b2c09d;
margin: 10px;
text-align: justify;
font-size: 12px;
padding:20px;
overflow: auto;
}

.info_scenarii{ /*info a completer*/
font-weight: italic;
color: #536f28;
}

.titre_id_scenarii{ /*titre sur le coté*/
position:relative;
bottom:325px;
left: -10px;
font-size: 35px;
color: #616e57;
font-family: Georgia;
height: 30px;
width: 300px;
text-align: left;
-moz-transform:rotate(-90deg); //firefox
-webkit-transform:rotate(-90deg); //Chrome, Safari
-o-transform:rotate(-90deg); //Opera
}

.histoire_scenarii{ /* cadre histoire*/
width: 500px;
height: 200px;
position: relative;
padding:auto;
bottom:158px;
left:149px;
overflow: auto;
background: #b2c09d;
}

.texte_histoire_scenarii{ /* mise en forme du texte histoire*/
text-align: justify;
font-size: 12px;
padding: 20px;
line-height: 17px;
}

.titre_histoire_scenarii{ /*titre sur le coté*/
position: relative;
bottom: 85px;
left: -30px;
font-family: Georgia;
font-size: 35px;
color: #616e57;
text-align: left;
width: 320px;
-moz-transform:rotate(-90deg); //firefox
-webkit-transform:rotate(-90deg); //Chrome, Safari
-o-transform:rotate(-90deg); //Opera
padding-right:15px;
}

.lien_scenarii{ /*cadre des liens*/
width: 460px;
height: 130px;
position: relative;
bottom: 205px;
left: 148px;
overflow: auto;
background: #b2c09d;
padding: 20px;
}

.titre_lien_scenarii{ /*titre sur le coté*/
position:relative;
bottom:195px;
left:-30px;
font-family: Georgia;
font-size: 35px;
color: #616e57;
text-align: left;
width: 320px;
-moz-transform:rotate(-90deg); //firefox
-webkit-transform:rotate(-90deg); //Chrome, Safari
-o-transform:rotate(-90deg); //Opera
padding-right:15px;
}

.feat_scenarii_lien{ /*mise en forme du feat dans les liens*/
font-size: 11px;
color: #68715a;
}

/***************************************************************
--------------------Fin Fiche Scenarii -------------------------
***************************************************************/

C'est toujours délicat d'imposer des width et des height fixe, parce que ça peut causer des débordement et de problèmes d'alignement. Regarde ta signature par exemple, elle sort de son cadre parce que tu as définis le .signature_div à 200px, même si ta signature n'était pas plus haute que ça, il faut que tu sâches que dans la variable {postrow.displayed.SIGNATURE} de FA, il y a deux < br >, qu'on ne peut pas vraiment retirer, c'est ce qui occasionnait l'espace supérieur de ta signature et qui provoquait le débordement de celle-ci à l'extérieur du cadre: parce que le cadre n'était pas assez grand pour contenir les deux. Wink

Je te propose donc:

Code:: .signature_div{
width: 100%;
margin: auto;
background: #bbcba3;
}

Pour ce qui est de l'agrandissement des messages au delà du header, cela a plus rapport avec ce que tu as placé dans les messages ici: http://gods-falls.forumotion.com/t48-le-staff-du-forum parce que ça ne le déforme pas ici: http://gods-falls.forumotion.com/t225-dernier-bug-je-t-aurai#5709

(P.S.: J'adore la signature de L'Escargot x) )

Pour le problème d'aggrandissement, je vois que ce sont les marge de .message_contenu qui créent le problème, je retirerais cette règle du CSS à ta place Wink

.

Excuse-moi Orange, mais elle ne pourrait pas plutôt tout simplement mettre un max-width?

Un min-width tu veux dire ? Parce qu'avec un max-width ça revient au même non ? Problème mise en page profil horizontal 1616978029

Je sais pas trop, c'est possible.

Eh bien, si elle veut imposer à ses messages une grandeur maximale (celle du header) un max-width me semble approprié, non?

Pour la signature le problème est réglé, sauf que du coup j'ai voulu changer pour les marges, au lieu d'y mettre dans .message_contenu, j'ai mis un .post_body, sauf que ça réduit la signature en largeur.

Du coup, vaut mieux que je remette ça dans le .message_contenu ou il y il y a une astuce, un code qui va permettre d'avoir la bonne longueur pour le fond de la signature ?

http://gods-falls.forumotion.com/t225-dernier-bug-je-t-aurai#5709

Une petit erreur de ma part:

Il n'y a pas de problème à définir tes marges dans .message_contenu. Le problème est plutôt au niveau du message du staff... car c'est le seul endroit ou l’agrandissement se produit !

Je pense que le problème vient de l'addition de la largeur de ton image (genre celle-là: https://2img.net/h/oi53.tinypic.com/i20ihd.jpg) + les marges du blockquote + les marges du .message_contenu... toute ces largeurs et marges accumulées provoque l'agrandissement.

Je te recommande de retire le blockquote de ces messages, ça devrait régler ton problème. Cela ne veut pas dire que tu ne peux pas mettre de blockquote nulle part sur ton forum, c'est simplement qu'une image, contrairement au texte, ne s'adapte pas en largeur: elle occupe toute l'espace. Si tu avais mis seulement du texte, il n'y aurait pas eu de problème, tes lignes auraient seulement été moins longues !

Ah ok ^^
Du coup j'ai remis comme avant.

Mais je constate toujours le le problème de "marge" de chaque coté du header et pas que sur le message de la présentation du staff. Alors, est-ce que ça viens de chez moi ou est-ce que ça vous le fait à vous aussi ?

http://gods-falls.forumotion.com/t225-dernier-bug-je-t-aurai#5709
http://gods-falls.forumotion.com/t43-avatars-femmes

J'espére ne pas être trop pénible ><, c'est juste que je veux arriver à comprendre ce truc. Aprés, s'il n'y a pas de solution c'est pas grave. Vous m'avez déjà grandement aidée, et c'est très sympa de votre part ^^

J'ai rien de caque côté du Header: le fond y colle.

Bonsoir,

Voilà cinq jours que ce problème n'a pas été actualisé. Est-il toujours d'actualité ou bien est-il résolu ? Si nous n'avons pas de nouvelle de ta part dans quatre jours, ce sujet sera archivé.

Bonne soirée. Problème mise en page profil horizontal 510527

Problème mise en page profil horizontal 510527

Je pense que c'est bon.

Vous pouvez archiver.

Merci à tous pour votre aider ^^

Merci d'avoir signalé la résolution de ton problème. Smile

J'archive.

Problème mise en page profil horizontal

Problème mise en page profil horizontal

Sujets similaires

Sujets similaires

Partenaires Or