Le Deal du moment :
Aliexpress : codes promo valables sur tout le site
Voir le deal

Problème avec un code de sujet

Problème avec un code de sujet Empty Ven 16 Sep - 21:52
Bonsoir Skaemp,

effectuant la création d'un forum, et étant chargée du design, j'ai utilisé vos magnifiques codages pour celui-ci (vous serez créditée, bien entendu).

Lors de l'installation d'un code de sujet, je me suis retrouvée avec un problème que je n'arrive pas à résoudre : https://i.servimg.com/u/f97/19/03/65/85/probly10.png

Comme vous pouvez le constater, deux choses minent mon humeur : la première, le décalage du "supprimer" et du "ip", en dehors du bloc ; la seconde, le corps du message ne fait pas la même taille que le bloc au dessus, ce qui, lors de l'ajout de codage, font "déborder" ceux-ci.

En vous remerciant d'avance de votre aide,
Doléo
Revenir en haut Aller en bas
Problème avec un code de sujet Empty Dim 18 Sep - 8:06
Bonjour,

Les codes sont parfois actualisés, avez-vous récupéré celui-ci récemment ?

Essayez d'appliquer une largeur fixe à l'ensemble des class concernées :


Code:
/* BLOC PSEUDONYME / RANG / OUTILS MODERATION */
#namePOST {
width:490px; min-height:75px; padding:10px;
font-size:36px; text-transform:uppercase;
background:#57979C; font-family:Arial; /* MODIFIABLE */
}

Code:
/* APPARENCE MESSAGE */
div.postbody {
width:480px; min-height:320px; padding:15px;
background:#F2F2F2; color:black; /* MODIFIABLE */
text-align:justify;
}

Code:
/* DATE SUJET */
.datePOST {
width:500px; padding:5px;
font-size:11px; text-transform:uppercase; text-align:left;
background:grey; color:black; /* MODIFIABLE */
}

Vérifiez que les vertical-align soient correctement appliqués aux class .ktactPOST & .toolsPOST :
Code:
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:top; padding-right:10px; text-align:center;
border-right:5px solid #191919; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:top; margin-left:10px;
text-align:center;
}

Vous avez par ailleurs déplacé l'image du rang, assurez-vous que son emplacement dans le template ne déséquilibre pas la structure.

En cas de persistance du problème, l'intégralité de votre template et de sa partie CSS me seront nécessaire.
Revenir en haut Aller en bas
Problème avec un code de sujet Empty Dim 18 Sep - 18:23
Bonsoir,

à vrai dire, j'ai mis en place ce code vendredi, le jour où j'ai posté.

Après l'application de la largeur fixe et de la vérification des vertical, les deux blocs se retrouvent au même "point de fin", mais sont toujours décalés face au bloc titre du sujet, ce qui laisse le problème de l'ajout de code de fiche : https://i.servimg.com/u/f97/19/03/65/85/probly11.png

Nous n'utilisons pas d'image de rang, mais j'en ai ajouté un pour tester, et le problème persiste.

Comme convenu, voici les codes :

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(){

        if(typeof(_atc) == "undefined") {
            _atc = { };
        }
        
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
            }
        });
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
            
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
     {
     if( $(this).is(":visible") )
     {
     $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
     }
     else
     {
     $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
     }
     });
            }
        }
        catch(e) { }
        
     return false;
    };

    //]]>
    </script>

    <table width="100%" align="center" border="0" cellspacing="2" cellpadding="0">
    <tr><td align="left" colspan="3" 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> <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <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></span>
     </td></tr>
 <tr>
 <td colspan="3">
    <div id="tleSBJ"><h1 class="cattitle"> {TOPIC_TITLE}</h1>  </div>
     </td>
     </tr>
    </table>

    <table align="center" width="100%" border="0" cellspacing="1" cellpadding="0" >

     <!-- BEGIN topicpagination -->
     <tr>
     <td colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
     </tr>
     <!-- END topicpagination -->
     {POLL_DISPLAY}
     <!-- BEGIN postrow -->
         <!-- BEGIN hidden -->
         <tr>
         <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
         </tr>
         <!-- END hidden -->
         <!-- BEGIN displayed -->
     <tr><td colspan="3">
         <!-- 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 -->
     </td></tr>
         <tr>
 <td valign="top">
         <div class="boxPOST"><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div>
 <div class="abtPOST"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field --><div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div></div>
 <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div>
         </div>
         </td>
         <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
         <td>    
 <div id="namePOST"><div class="tktPOST"><div class="ktactPOST">{postrow.displayed.PROFILE_IMG}<br/>{postrow.displayed.PM_IMG}<br/>{postrow.displayed.EMAIL_IMG}</div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG}<br/>{postrow.displayed.EDIT_IMG}<br/>{postrow.displayed.DELETE_IMG}<br/>{postrow.displayed.IP_IMG}</div></div><div class="namePOST"><strong>{postrow.displayed.POSTER_NAME}</strong><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div></div>
 <div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div>
         <div class="postbody">
         <div>{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}" alt="" />

         <!-- 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>
         <!-- BEGIN switch_signature -->
         <div class="signature_div">
         {postrow.displayed.SIGNATURE}
         </div>
         <!-- END switch_signature -->

         </div>
         </td>
         </tr>
         </table>
         </td>
         </tr>
         <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
     <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" colspan="4">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
         </td>
         </tr>
         <!-- BEGIN first_post_br -->
        </table>
        <hr />
        <table class="forumline" width="100%" align="center" 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 -->
         <!-- 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><div class="cattitle">{TOPIC_TITLE}</div></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 valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
     <!-- BEGIN topicpagination -->
     <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
     <!-- END topicpagination -->
     </tr>
     <!-- BEGIN switch_user_logged_in -->
     <!-- BEGIN watchtopic -->
     <tr>
     <td 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"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></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"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></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="postbody" valign="top">
     <!-- BEGIN link -->
     » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{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">
     <div class="cattitle"> {L_FORUM_RULES}</div>
     </td>
     </tr>
     </tbody>
     </table>
     </td>
     </tr>
     <tr>
     <td class="clearfix">
     <table>
     <tr>
     <!-- BEGIN switch_forum_rule_image -->
     <td class="logo">
     <img src="{RULE_IMG_URL}" alt="" />
     </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 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 valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
     <td 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>

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

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

Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tleSBJ{
margin:5px auto; padding:15px 0;
background:teal; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
#tleSBJ h1 {
display:block;
font-size:32px; font-family:Arial; color:#dedede; /* MODIFIABLE */
}
/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; width:220px; padding:10px 0;
background:#F2F2F2; /* MODIFIABLE */
}
/* AVATAR */
.avaPOST {
margin:auto; width:200px;
}
/* BLOC INFORMATIONS JOUEUR & FEUILLE DE PERSONNAGE */
.abtPOST {
margin:10px auto;
width:190px; padding:5px;
text-align:left; font-size:11px;
background:#D6D6D6; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES BLOC INFORMATIONS */
.abtPOST img{
margin:auto; max-width:188px;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST{
margin-top:5px;
color:black; /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
margin:auto;
}
/* BLOC PSEUDONYME / RANG / OUTILS MODERATION */
#namePOST {
width:490px; min-height:75px; padding:10px;
font-size:36px; text-transform:uppercase;
background:#57979C; font-family:Arial; /* MODIFIABLE */
}
.namePOST a {
text-decoration: none !important;
}
/* TEXTE RANG */
.rankPOST {
font-size:14px; color:black;  /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT / OUTILS MODERATION */
.tktPOST {
float:right;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:top; padding-right:10px; text-align:center;
border-right:5px solid #191919; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:top; margin-left:10px;
text-align:center;
}
/* DATE SUJET */
.datePOST {
width:500px; padding:5px;
font-size:11px; text-transform:uppercase; text-align:left;
background:grey; color:black; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
width:480px; min-height:320px; padding:15px;
background:#F2F2F2; color:black; /* MODIFIABLE */
text-align:justify;
}

Merci à vous,
Doléo
Revenir en haut Aller en bas
Problème avec un code de sujet Empty Mar 20 Sep - 11:34
Vous devez évidemment accorder les largeurs précédemment proposées à celle de votre forum - pour une largeur finale définie, il faudra soustraire à celle-ci le padding par deux fois afin d'obtenir le width : largeur finale = 550px, padding = 15px, width = 550 - (2 x 15) = 520px

Ni Firefox Ni Chrome ne présentent le décalage dénoncé. Vous pouvez toutefois essayer d'appliquer un margin-top négatif à la class concernée - à adapter en conséquence ici encore :
Code:
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
margin-top:-35px;
display:inline-block; vertical-align:top; margin-left:10px;
text-align:center;
}
Revenir en haut Aller en bas
Problème avec un code de sujet Empty Mar 20 Sep - 20:07
Que voulez-vous dire par "largeur finale définie" ? La largeur du forum ? Et au niveau du width, dois-je remplacer tout ceux existant déjà ? Ou seulement quelques blocs ?

Pardonnez mon incompréhension ; je ne suis décidément pas très douée en la matière...

Doléo
Revenir en haut Aller en bas
Problème avec un code de sujet Empty Jeu 22 Sep - 11:17
Vous devez adapter les width des class & id vous ayant été communiqués précédemment - #namePOST ainsi que div.postbody & .datePOST.

Largeur finale définie = width + padding = la largeur que vous désirez établir pour les éléments du bloc de droite et que vous avez déterminée à l'avance à l'aide d'une simple soustraction.

Supposons que la largeur de votre forum soit de 810 pixels, votre bloc de gauche = 220px + un margin-right de 10px ce qui exigera une largeur finale de votre bloc de droite définie à 580px.

#namePOST = 580 - (2 x 10) = 560px
div.postbody = 580 - (2 x 15) = 550px
.datePOST = 580 - (2 x 5) = 570px
Revenir en haut Aller en bas
Problème avec un code de sujet Empty Ven 23 Sep - 17:18
Tout fonctionne maintenant parfaitement ; je vous remercie d'avoir pris le temps de me répondre.

Bonne continuation !
Doléo
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum