Le Deal du moment :
Jeux, jouets et Lego : le deuxième à ...
Voir le deal

   :: Espace invités :: Intruders :: Résolus Voir le sujet précédent Voir le sujet suivant Aller en bas

problème avec un LS sujet

sinn
problème avec un LS sujet Empty Mar 14 Sep - 14:52
Bonjour !

Aujourd'hui je viens dans l'espoir d'avoir un petit peu d'aide suite à un code de LS que j'ai utilisé sur mon forum.
Il s'agit de celui-ci :
Spoiler:

Néanmoins, le profil se déplace selon le message que nous postons, particulièrement avec d'autres codes. J'aimerais savoir s'il était possible de faire en sorte que le profil ne bouge pas, ou de changer la largeur .textarea afin qu'il reste fixe et que les profils aussi. J'ai essayé de toucher avec à cette partie là du code :
Code:
/* APPARENCE MESSAGE */
.PPOST {
width: 81%; padding: 15px; text-align:justify; font-size:12px;
font-family: 'Cabin'/* MODIFIABLE */
}

J'ai essayé de changer le % du width, mais rien à faire, le profil continue de se déplacer. Lorsque je le mets en px cependant, il arrête de se déplacer mais est trop vers la gauche et les message avec codes lui vont dessus.
Voici les captures d'écrans sans avoir touché à quoi que ce soit avec 81% en width : (les images déformant le forum, et les liens ne semblant pas marcher je vous les mets sous spoiler)
post sans rien:
post avec un code:
post avec un autre code:

Le profil est plus au moins déplacée vers la droite, et aucun moyen de le fixer. Je n'ai pas osé toucher là où je savais pas trop ce que cela donnerait, donc je préfère faire appel à vous directement, en espérant que cela ne soit pas un problème...

Je vous remercie d'avance de votre d'aide et je reste à votre disposition si vous avez besoin de mes templates ou de mon CSS !
Revenir en haut Aller en bas
Skaemp
problème avec un LS sujet Empty Jeu 16 Sep - 22:30
Bonsoir,

Pourriez-vous m'indiquer la largeur de votre forum s'il vous plaît ?
La transmission de votre partie CSS serait également bienvenue.
Revenir en haut Aller en bas
sinn
problème avec un LS sujet Empty Ven 17 Sep - 15:27
Bonjour !

Merci de votre réponse rapide ! Et bien sûr ! La largeur est de 800px.

Voici le CSS :

Code:
Revenir en haut Aller en bas
Skaemp
problème avec un LS sujet Empty Ven 17 Sep - 21:30
Merci.
Remplacez l'intégralité du template viewtopic_body par :
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 style="margin:auto; max-width:800px;" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
   <!-- BEGIN switch_user_logged_in --><tr><!-- BEGIN watchtopic --><td align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr><!-- END watchtopic --><!-- END switch_user_logged_in -->
    <tr><td><div id="tlePOST"><span class="btnPOST"><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span><h1 class="cattitle">{TOPIC_TITLE}</h1>
    <span class="navPOST" 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></div></td>
    </tr>
    </table>

    <table class="forumline" style="margin:auto; max-width:800px;" border="0" cellspacing="0" cellpadding="0" >
    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <tr><td colspan="3" class="postdetails {postrow.hidden.ROW_CLASS}" 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 --><div style="height:5px;"></div>
    </td></tr>

    <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="display:block; margin-bottom:-15px;">
    <td valign="top" colspan="3"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a>
    <div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST">{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}</div>
    </td>
    </tr>
   
    <tr class="mainPOST" style="display:inline-block; max-width:800px;"><td class="PPOST" valign="top">
    <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 -->
    </td>
   
    <td id="boxPOST" valign="top"><div class="triIPOST"></div><div class="triIIPOST"></div>
    <div class="boxPOST"><div class="namePOST">{postrow.displayed.POSTER_NAME}</div>
    <div class="avaPOST"><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div>{postrow.displayed.POSTER_AVATAR}</div>
    <div class="abtPOST">
    <!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
    <!-- END profile_field --></div>   
    <div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div>
    <div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div>
    </div></td>
    <td class="blankPOST"></td></tr>
   
    <tr>
    <td colspan="3">
    <!-- BEGIN switch_signature -->
    <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
    <!-- END switch_signature --></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" valign="middle" colspan="3">
    <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
    </td>
    </tr>
    <!-- BEGIN first_post_br -->
    </table>

    <table class="forumline" style="margin:auto; max-width:800px;" border="0" cellspacing="0" cellpadding="0">
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center">
    <td colspan="3" height="28">
    <span class="genmed">{no_post.L_NO_POST}</span>
    </td>
    </tr>
    <!-- END no_post -->
    </table>
   
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top:0px; margin:auto; max-width:920px;">
    <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>
    </table>


<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin:auto; max-width:920px;">
<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="navPOST" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr><td colspan="2" width="100%"><a href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</td></tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" 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="0" cellpadding="0" align="center">
    <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
    <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">{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
   
    <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}<!-- END switch_user_logged_in -->
    </td></tr>
    </table>
   
    <!-- 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>

[PARTIE CSS] Remplacez :
Code:
/* APPARENCE MESSAGE */
.PPOST {
width: 81%; padding: 15px; text-align:justify; font-size:12px;
font-family: 'Cabin'/* MODIFIABLE */
}

Par :
Code:
/* APPARENCE MESSAGE */
.PPOST {
width:530px; max-width:530px; padding:15px; overflow:hidden;
text-align:justify; font-size:12px;
font-family: 'Cabin'/* MODIFIABLE */
}

Et :
Code:
/* ESPACE DROITE */
.blankPOST {
width:5%;
}

Par :
Code:
/* ESPACE DROITE */
.blankPOST {
width:25px;
}

Si le problème persiste, un lien vers votre forum me sera nécessaire.
Une excellente soirée à vous.
Revenir en haut Aller en bas
sinn
problème avec un LS sujet Empty Ven 17 Sep - 21:43
Bonsoir,

ça marche parfaitement, merci beaucoup pour votre aide !

Je vous souhaite une excellente soirée et un très bon week-end !
Revenir en haut Aller en bas
Contenu sponsorisé
problème avec un LS sujet Empty
Revenir en haut Aller en bas
Page 1 sur 1
Vous ne pouvez pas répondre aux sujets dans ce forum