Cadre de réponses rapides qui dépasse

[2011N2]

Rappel du premier message :

Bonjour,

J'ai récemment ajouté ce code permettant d'agrandir le cadre de réponse rapides : https://forum.forumactif.com/t356805-agrandir-le-cadre-de-reponse-rapide#3040007

Tout fonctionne bien, sauf chez un de mes membres.

Le cadre est déformé sur tous les navigateurs, même après le cache vidé.
D'ailleurs, entre temps le PC a été formaté (pour un autre souci), et c'est idem. Les pilotes et Windows sont à jour.

Captures d'écran :
http://cjoint.com/data3/3ImtGmsDEiu_avec_chrome.jpg
http://cjoint.com/data3/3ImtHc6jWCt_avec_ie.jpg
http://cjoint.com/data3/3ImtHI8PYrN_avec_opera.jpg

Ce n'est pas du à l'avatar car même retiré cela bug.

Du coup, j'ai pensé à faire une feuille CSS permettant de remettre le cadre plus petit. Cela fonctionne, mais ce n'est pas enregistré, à chaque changement de page cela revient comme avant (pour mieux comprendre ces codes CSS, voir les menus déroulant tout en haut des pages de mon forum). Idem, sur tous les navigateurs, et les cookies sont acceptés.

Quelqu'un a une idée ?

Merci d'avance,

Gabriel.

[Lixyr]

Et bien si le bug apparait chez d'autres personnes, peut-être l'aurons-nous aussi. Pouvez-vous créer un compte membre que lequel on pourrait se connecter, juste le temps de regarder ? Une fois résolu, vous supprimeriez le compte.

[2011N2]

Re,

Inscrivez-vous pour faire le test et vous me direz quand supprimer le compte.

Gabriel.

[2011N2]

Up

[Lixyr]

Je vois le problème.

D'après ma console, votre bloc de réponse rapide a une largeur de 965px :

width: 965px;
height: auto;

D'après ce que je vois aussi, vous avez fait une mauvaise manipulation de template. Avez-vous modifié votre template viewtopic_body, et si oui, il me le faudrait.

Apparemment, votre bloc de réponse rapide prend toute la place de la cellule, qui elle, mesure 965px. Enfin bref, avec votre template je devrais y voir plus clair.

[2011N2]

Bonsoir,

Oui le templace viewtopic_body est modifié, voici son code :

Code:

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

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

<script type="text/javascript"><!--
google_ad_client = "ca-pub-2452818148961304";
/* BT haut sujets */
google_ad_slot = "9749099273";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr align="right">
<td class="catHead" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" class="t-title">
<h1 class="cattitle"> {TOPIC_TITLE}</h1>
</td>
<td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</td>
</tr>
<!-- BEGIN topicpagination -->
<tr>
<td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END topicpagination -->
{POLL_DISPLAY}
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br />
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}   <a href="#{postrow.displayed.U_POST_ID}">#{postrow.displayed.U_POST_ID}</a></span></span></td>
<td valign="top" nowrap="nowrap" class="post-options">
 <a href="/search?add_favourite={TOPIC_ID}&amp;search_id=favouritesearch" rel="nofollow"><img src="http://i73.servimg.com/u/f73/11/01/36/00/favori10.png" /></a>
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2" class="hr">
<hr />
</td>
</tr>
<tr>
<td colspan="2">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://i22.servimg.com/u/f22/09/02/12/09/001_1810.png" title="Voter positivement pour ce message" alt="Voter positivement pour ce message" /></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" style="display: none;">----</div>
                            <!-- END switch_no_bar -->
 
                            <!-- BEGIN switch_vote -->
                            <div class="vote-button" style="display: none;"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a></div>
                            <!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->

<div class="postbody">

<div>{postrow.displayed.MESSAGE}</div>

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

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

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

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

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

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

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

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

<script type="text/javascript"><!--
google_ad_client = "ca-pub-2452818148961304";
/* BT bas sujets */
google_ad_slot = "8888461673";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<div style="float: right;"><script type="text/javascript"><!--
google_ad_client = "ca-pub-2452818148961304";
/* BT bas sujets droite */
google_ad_slot = "2767876072";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>


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

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" 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">
<!-- BEGIN link -->
» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</td>
</tr>
</table>
<!-- END promot_trafic -->

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

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

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

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

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

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

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

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

Merci d'avance.

Gabriel.

[Lixyr]

Pas d'erreur à priori dans le template.

Essayez avec ce CSS :

Code:

    .chatbox .msg span[style="color:green;"] strong {
      visibility: hidden;
      }


        .chatbox .msg span[style="color:red;"] strong {
      visibility: hidden;
    }


    .sharing-cl{
    overflow:hidden;
    margin:-20px 0 0 0;
    padding:0;
    list-style:none;
    width:530px;
    }
    .sharing-cl a{
    overflow:hidden;
    width:75px;
    height:20px;
    float:left;
    margin-right:5px;
    text-indent:-200px;
    background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
    }
    a.sh-su{background-position:-210px -40px;}
    a.sh-feed{background-position:-70px -40px;}
    a.sh-tweet{background-position:-140px -40px;}
    a.sh-mail{background-position:0 -40px;}
    a.sh-digg{background-position:-280px -40px;}
    a.sh-face{
    margin-right:0;
    background-position:-350px -40px;
    }
    a.sh-mail:hover{background-position:0 1px;}
    a.sh-feed:hover{background-position:-70px 1px;}
    a.sh-tweet:hover{background-position:-140px 1px;}
    a.sh-su:hover{background-position:-210px 1px;}
    .sh-digg:hover{background-position:-280px 1px;}
    a.sh-face:hover{
    background-position:-350px 1px;
    }
    #text{
    margin-top:5px;
    font-weight:bold;
    font-family:helvetica,arial,sans-serif;
    }
    #text a{
    text-indent:0;
    height:auto;
    text-align:center;
    font-size:11px;
    padding-top:35px;
    color:#999;
    text-decoration:none;
    }









    body{ background-position: top-center; background-repeat: repeat;}






    .colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }
    .colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #f00;
      overflow: hidden;
      cursor: crosshair;
    }
    .colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
      margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
      position: absolute;
      top: 13px;
      left: 171px;
      width: 35px;
      height: 150px;
      cursor: n-resize;
    }
    .colorpicker_hue div {
      position: absolute;
      width: 35px;
      height: 9px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }
    .colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #f00;
    }
    .colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #f00;
    }
    .colorpicker input {
      background-color: transparent;
      border: 1px solid transparent;
      position: absolute;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      color: #898989;
      top: 4px;
      right: 11px;
      text-align: right;
      margin: 0;
      padding: 0;
      height: 11px;
    }
    .colorpicker_hex {
      position: absolute;
      width: 72px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
      left: 212px;
      top: 142px;
    }
    .colorpicker_hex input {
      right: 6px;
    }
    .colorpicker_field {
      height: 22px;
      width: 62px;
      background-position: top;
      position: absolute;
    }
    .colorpicker_field span {
      position: absolute;
      width: 12px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0;
      cursor: n-resize;
    }
    .colorpicker_rgb_r {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_slider {
      background-position: bottom;
    }







    .selectCode { float:right; text-transform: uppercase; cursor:pointer; }



    a.imag{
    position: relative;
    z-index: 1;
    }
    a.imag:hover{
    cursor: help;
    z-index: 2;
    }
    a.imag span{
    display: none;
    }
    a.imag:hover span{
    display:block;
    position:absolute;
    z-index: 3;
    top: 20px;
    left: -40px;
    }





    a.tooltip em {
        display:none;
    }
    a.tooltip:hover {
        border: 0;
        position: relative;
        text-decoration:none;
    }
    a.tooltip:hover em {
        font-style: normal;
        display: block;
        position: absolute;
        top: 15px;
        left: -30px;
        padding: 3px;
        color: #000;
        border: 2px solid #ff0000;
        background: #256c73;
        width:180px;
    }
    a.tooltip:hover em span {
        position: absolute;
        top: -13px;
        left: 0px;
        height: 0px;
        width: 0px;
        background: transparent url(image-infobulle.gif);
        margin:0;
        padding: 0;
        border: 0;
    }

















    #fa_toolbar{
    background-image: url();
    box-shadow: 0 0 3px;
    font-size: 14px!important;
    }















    #menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
   
    #menu dl {
    width: 160px;
    margin: 1px;
    padding: 0;
    list-style-type: none;}
   
    #menu dt {
    cursor: pointer;
    margin: 2px 0;;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    border: 1px solid gray;
    background: #E0E0E0;
    margin: 0;
    padding: 0;
    list-style-type: none;}
   
    #menu dd {
    border: 0px solid gray;
    margin: 0;
    padding: 0;
    list-style-type: none;}
   
    #menu li {
    text-align: center;
    background: #F0F0F0;
    margin: 0;
    padding: 0;
    list-style-type: none;}
   
    #menu li a, #menu dt a {
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;}
   
    #menu li a:hover, #menu dt a:hover {
    background: #00CF42;
    margin: 0;
    padding: 0;
    list-style-type: none;}














    #savec { position:relative; }
    .save-bloc { color: #555!important; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
    .save-bloc div:hover { color: #050505!important; }
    .save-bloc div { cursor: pointer; }
    .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
























    .staff {
                background: url("https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcQ5hyraYF3kkkg6Zg8G2KtzMS9df-qguZkV5b-A7ks5y4BoFUNxjQ") repeat scroll 0 0 transparent;
                border-radius: 15px 15px 15px 15px;
                border-style: solid;
                border-width: 1px;
                font-weight: 700;
                margin: 10px auto;
                padding: 5px;
                width: 90%;
            }
         
    .staff.accept {
                border-color: #36D53C;
                box-shadow: 1px 1px 10px #36D53C;
                color:  #03940d;
            }
    .staff.rouge {
                border-color: #FF0000;
                box-shadow: 1px 1px 10px #FF0000;
                color: #FF0000;
            }
    .staff.orange {
                border-color: #FA840E;
                box-shadow: 1px 1px 10px #FA840E;
                color: #FA840E;
            }
    .staff.bleu {
                border-color: #1008ff;
                box-shadow: 1px 1px 10px #1008ff;
                color: #1008ff;
            }
















    /* Début - style pour vérification pseudo à l'inscription */
    #username_reg {
      color: #a90c0c;
    }
    #username_reg.okusername {
      color: #2f9122;
    }
    /* Fin - style pour vérification pseudo à l'inscription */
















    /** ScrollToTop **/
    #scrollToTop a{
    position: fixed;
    right: 0px;
    bottom: 10px;
    background-color: rgb(255,255,255); /** rgba fallback**/
    background-color: rgba(255,255,255, 0.9);
    padding: 3px 5px;
    border: 1px solid #000;
    }
    #scrollToTop a:hover{
    box-shadow: 0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    -webkit-box-shadow: 0px 0px 5px #222;
    text-decoration: none !important;
    }








    tr.annonce td {background-color:#FEEBD1!important;} /* Modifie la couleur de fond des annonces */
    tr.Note td {background-color:#FEEBD1!important;} /* Modifie la couleur de fond des Note */






















    #av_quickreply img{
      position: relative;
      top: 35px;
      left: 15px;
    }
   
    #av_quickreply {
      float: left;
    }









    .bouhautbas {
        bottom: 40px;
        right: 1px; /* remplacez left par right pour afficher les boutons à droite */
        position: fixed;
        z-index: 100;
    }












    .vote {
        width: 24px; /*-- largeur de l'image choisie --*/
    }














    .postpagination span {
        float: left;
        display: inline;
        margin-left: 4px;
        padding: 0 8px;
        height: 26px;
        border: 1px solid;
        border-color: #C2D5E3;
        background-color: #FFF;
        background-repeat: no-repeat;
        color: #333;
        overflow: hidden;
        text-decoration: none;
        margin: 0 4px 0 0;
        line-height: 26px;
        cursor: pointer;
        font-weight: normal;
    }
    .postpagination span:hover {
        border-color: #369;
        color: #369;
    }
    .postpagination span.pp_current {
        background-color: #E5EDF2;
        border-color: #C2D5E3;
        color: #333;
        font-weight: bold;
    }
    .postpagination {
        display: block;
        font: 12px/1.5 Tahoma,Helvetica,'SimSun',sans-serif;
    }
    .postpagination:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    div.postpagination { margin: 10px 0 }
    span.postpagination span {
        float: none;
        padding: 0 4px;
        font-size: 0.8em;
        margin: 0 2px 0 0;
    }
    .postpagination span.pp_next {
        padding-right: 25px;
        background-image: url(http://i.imgur.com/2C4dvL5.gif);
        background-position: 90% 50%;
    }
    span.postpagination span.pp_next {
        padding-right: 12px;
        background-position: 90% 50%;
    }














    /*IMAGE INDEX*/
    #i_icon_mini_index{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/accuei15.png'); /*image si la souris ne survole pas*/
      width:98px; /*Largeur de l'image*/
      height:102px; /*Hauteur de l'image*/
    }
    #i_icon_mini_index:hover{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/accuei15.png'); /*image si la souris survole*/
      width:100px; /*Largeur de l'image*/
      height:108px; /*Hauteur de l'image*/
    }
    /*IMAGE PORTAIL*/
    #i_icon_mini_portal{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/portai12.png'); /*image si la souris ne survole pas*/
      width:100px; /*Largeur de l'image*/
      height:113px; /*Hauteur de l'image*/
    }
    #i_icon_mini_portal:hover{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/portai12.png'); /*image si la souris survole*/
      width:105px; /*Largeur de l'image*/
      height:119px; /*Hauteur de l'image*/
    }


    /*IMAGE LISTE MEMBRES*/
    #i_icon_mini_members{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/membre12.png'); /*image si la souris ne survole pas*/
      width:100px; /*Largeur de l'image*/
      height:111px; /*Hauteur de l'image*/
    }
    #i_icon_mini_members:hover{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/membre12.png'); /*image si la souris survole*/
      width:100px; /*Largeur de l'image*/
      height:117px; /*Hauteur de l'image*/
    }

    /*IMAGE PROFIL*/
    #i_icon_mini_profile{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/profil10.png'); /*image si la souris ne survole pas*/
      width:96px; /*Largeur de l'image*/
      height:111px; /*Hauteur de l'image*/
    }
    #i_icon_mini_profile:hover{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/profil10.png'); /*image si la souris survole*/
      width:98px; /*Largeur de l'image*/
      height:117px; /*Hauteur de l'image*/
    }
    /*IMAGE MP (pas de nouveaux messages)*/
    #i_icon_mini_message{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/messag16.png'); /*image si la souris ne survole pas*/
      width:137px; /*Largeur de l'image*/
      height:95px; /*Hauteur de l'image*/
    }
    #i_icon_mini_message:hover{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/messag16.png'); /*image si la souris survole*/
      width:139px; /*Largeur de l'image*/
      height:101px; /*Hauteur de l'image*/
    }

    /*IMAGE DECONEXION*/
    #i_icon_mini_logout{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/daconn13.png'); /*image si la souris ne survole pas*/
      width:114px; /*Largeur de l'image*/
      height:97px; /*Hauteur de l'image*/
    }
    #i_icon_mini_logout:hover{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/daconn13.png'); /*image si la souris survole*/
      width:116px; /*Largeur de l'image*/
      height:103px; /*Hauteur de l'image*/
    }
    /*IMAGE S'ENREGISTRER*/
    #i_icon_mini_register{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/s_insc16.png'); /*image si la souris ne survole pas*/
      width:344px; /*Largeur de l'image*/
      height:95px; /*Hauteur de l'image*/
    }
    #i_icon_mini_register:hover{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/s_insc16.png'); /*image si la souris survole*/
      width:346px; /*Largeur de l'image*/
      height:100px; /*Hauteur de l'image*/
    }
    /*IMAGE CONNEXION*/
    #i_icon_mini_login{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/connex12.png'); /*image si la souris ne survole pas*/
      width:94px; /*Largeur de l'image*/
      height:96px; /*Hauteur de l'image*/
    }
    #i_icon_mini_login:hover{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/connex12.png'); /*image si la souris survole*/
      width:96px; /*Largeur de l'image*/
      height:102px; /*Hauteur de l'image*/
    }
    /*IMAGE DONS*/
    #i_icon_mini_dons{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/dons1010.png'); /*image si la souris ne survole pas*/
      width:65px; /*Largeur de l'image*/
      height:75px; /*Hauteur de l'image*/
    }
    #i_icon_mini_dons:hover{
      background-image:url('http://i70.servimg.com/u/f70/16/34/40/69/dons1010.png'); /*image si la souris survole*/
      width:67px; /*Largeur de l'image*/
      height:81px; /*Hauteur de l'image*/
    }















    .fa_avatar {
      width: 27px;
      height: 27px;
      position: relative;
      top: -1px;
      margin-right: 8px;
      border-radius: 3px;
      margin-bottom: -10px;
    }








    div.topictitle{
      text-decoration: none;
    }






   
    .opendate {
      font-size: 10px;
      font-weight: normal;
      font-style : italic;
      color: #000000;
    }
    .opendate:hover {
      font-size: 10px;
      font-weight: bold;
      font-style : italic;
      color: #FF0000;
    }









            .sceditor-container iframe, .sceditor-container textarea {
    background: url(http://i70.servimg.com/u/f70/16/34/40/69/aide-p16.png) no-repeat center !important;
    }











    /* Début - Styles pour la colorisation des codes */
   
    .str { color: #080; }
    .kwd { color: #008; }
    .com { color: #800; }
    .typ { color: #606; }
    .lit { color: #066; }
    .pun { color: #660; }
    .pln { color: #000; }
    .tag { color: #008; }
    .atn { color: #606; }
    .atv { color: #080; }
    .dec { color: #606; }
    pre.prettyprint { padding: 2px; }
    ol.linenums { margin-top: 0; margin-bottom: 0 }
    li.L0,
    li.L1,
    li.L2,
    li.L3,
    li.L5,
    li.L6,
    li.L7,
    li.L8 { list-style-type: none }
    li.L1,
    li.L3,
    li.L5,
    li.L7,
    li.L9 { background: #eee }
    @media print {
      .str { color: #060; }
      .kwd { color: #006; font-weight: bold; }
      .com { color: #600; font-style: italic; }
      .typ { color: #404; font-weight: bold; }
      .lit { color: #044; }
      .pun { color: #440; }
      .pln { color: #000; }
      .tag { color: #006; font-weight: bold; }
      .atn { color: #404; }
      .atv { color: #060; }
    }
   
    /* Fin - Styles pour la colorisation des codes */









    #comments_scroll_div.row1{
    max-width: 150px;
    overflow: hidden;}










    .mod_tools {
      float:right;
      cursor:pointer;
      display:none;
    }
    .row2:hover .mod_tools {
      display: inline;
    }









    .cattitle {
        color: #0004A6;
        font-size: 19px;
        font-weight: 700;
        letter-spacing: 1px;
    }









   
   
    .sceditor-container iframe, .sceditor-container textarea {
    width: 99% !important;
    height: 319px !important
    }
    .sceditor-container.ltr.sourceMode {
    width: 99% !important;
    }
    .sceditor-container.ltr.wysiwygMode {
    width: 99% !important;
    }
   
   














    #widget-arrows {
      height: 13px;
    }
    .widget-arrow {
      height: 13px;
      width: 16px;
      border-radius: 4px;
      float: left;
      cursor: pointer;
      background: #f5ebf7 url(http://i.imgur.com/zVQMs.png) no-repeat 0 -13px;
    }
    .widget-arrow.isright {
      float: right;
    }
    .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
      background-position: 0 0;
    }

[2011N2]

Re,

Avec votre code CSS cela donne ça :

C'est bon pour la hauteur, mais pour la largeur je souhaiterai que ce soit comme pour la cadre de l'éditeur complet.

Gabriel.

[Lixyr]

Avez-vous remarqué que votre forum est complètement déformé ?  

Avez-vous modifié les templates :
- index_box
- posting_body
Si oui, il me les faudrait.

[2011N2]

Ah oui ?
Chez moi rien n'est déformé, tout va bien...

Oui pour index_box mais pas pour posting_body :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle">
                  {catrow.tablehead.L_FORUM} </th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
  <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
      {catrow.forumrow.FORUM_NAME}</a>
   
</span>
  </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;"
  class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets.</td>
  </tr></tbody></table>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td style="min-width: 150px;" class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Merci encore.

Gabriel.

[Lixyr]

La preuve en image :


Bon, votre template index_box ne me sert à rien, je viens de reproduire la chose chez moi. Le truc que vous ne comprenez pas, c'est qu'avec une taille de 99%, ils prennent 99% de la taille qu'ils peuvent. Pour que le bloc de réponse rapide soit exactement de la même taille qu'en édition normale, il faudrait qu'il y ait les smileys à côté, or ce n'est pas possible car les smileys en édition rapide sont compris dans l'éditeur.

Avec votre bloc d'édition à 900 et quelques px, vous déformez tout votre forum. Je vous conseille de garder mon code, qui lui donne la largeur en pourcentage, ça sera déjà une grande avancée.

Ensuite, si vous voulez vraiment forcer une largeur précise au bloc de texte rapide, vous pouvez toujours rajouter dans votre css :

Code:

form#quick_reply div.sceditor-container {width:800px !important;}

Mais franchement, vérifiez vos largeurs, vérifiez ce que ça donne sur votre forum, parce que vous avez tendance à voir les choses de manière un peu grande.

[2011N2]

Re,

En fait je pensais que cela ne posait aucun souci, car chez moi je n'ai aucun bug d'affichage.
Peut-être que je vois un peu les choses en grand effectivement. ^^

Sinon, j'ai juste une question, le bug que vous montrez sur la capture, il est sur tous les sujets du forum ?

Gabriel.

[Lixyr]

Ce bug apparait lorsque je me mets en réponse normale (donc quand je clique sur "répondre"), et est dû au fait que vous mettez la largeur de votre éditeur de réponse à 900 et quelques px.
Vous n'avez pas de problème d'affichage chez vous car vous avez surement un grand écran, ce qui n'est pas mon cas. C'est pour cela que je vous conseille depuis le début de mettre du %, ça évite ce genre de chose, et je suis sûre qu'en faisant un peu le tour de vos membres, certains vous dirons avoir le même rendu que moi.

[2011N2]

Re,

Ok j'ai mis en pourcentage alors.

Plus de bugs chez vous ?

Gabriel.

[Lixyr]

Et bien, maintenant  je n'ai plus de bug pour la réponse normale, mais la page au niveau de la réponse rapide est déformée.

Code:

form#quick_reply {width:100%;}

essayez de rajouter ça.

Vous avez rajouté ça :
https://forum.forumactif.com/t347904-ajouter-l-avatar-du-membre-a-cote-de-la-reponse-rapide?highlight=avatar

Ça peut y jouer aussi.

[2011N2]

Re,

Voilà c'est rajouté.

Gabriel.

[Lixyr]

Okay, alors déjà, il y a le contenu des membres qui agrandissent la page.

Ensuite, je pense que vous devriez bouger un peu l'avatar à côté de la réponse rapide. Normalement vous devriez avoir du css avec ? Un truc qui ressemble à

#av_quickreply img {

?

Rajoutez dedans :

Code:

margin-right:-30px;

[2011N2]

Re,

C'est rajouté.

Et oui en effet, sur certains sujets, le contenu des messages déforment le sujet. Par exemple des rapports de désinfection non hébergés.
J'ai constaté le bug sous Chrome mais pas FF.

Aucune solution pour faire en sorte que les sujets ne s'élargissent pas ?

Merci encore pour l'aide.

Bonne soirée,

Gabriel.

[Lixyr]

Et bien il y en a une, qui serait de prendre toutes les balises possibles qu'on peut mettre dans un message, par exemple :
- images
- iframe (vidéos etc)
et de leur donner une taille maximum en largeur à ne pas dépasser.

Par exemple :

Code:

.postbody img, .postbody div > div {max-width:500px !important;} /*réduire images et div trop grandes dans postes*/
.postbody iframe {max-width:500px !important;display:block;overflow:auto;overflow-x:auto;overflow-y:hidden;padding:0;} /*réduire iframe trop grandes*/

ça empêche les div, les images et les iframes ne dépasser 500px de largeur. Si votre forum peut supporter un peu plus grand, vous pouvez agrandir un peu la largeur.

[Lixyr]

Et pour la réponse rapide

 supprimez

#av_quickreply img{
position:relative
[etc]
}

 à la place de

#av_quickreply {
float: left;
}

mettez

Code:

#av_quickreply {
          float: left; margin:35px 0px 0px 15px
        }

 et pour

form#quick_reply div.sceditor-container { [votre valeur] }

mettez

Code:

form#quick_reply div.sceditor-container {width:93% !important;}

Normalement, avec tout ça, ça devrait être bon.

[2011N2]

Bonjour,

Ok pour les débordement des sujets, mais cela fonctionnerai même lorsque ce serait du texte qui fait déborder ?
Enfin cela n'a pas l'air de fonctionner. Exemple pour ce sujet : http://www.forum-entraide-informatique.com/t9055-qv06-et-search-gol

Sinon pour le cadre, c'est modifié pour les deux premiers points, en revanche pour le dernier, je n'ai pas le code que vous citez.
La seule chose qui commence de la même manière est ceci :

Code:

form#quick_reply {width:100%;}

Merci,

Gabriel.

[Lixyr]

Ensuite, si vous voulez vraiment forcer une largeur précise au bloc de texte rapide, vous pouvez toujours rajouter dans votre css :

Code:

form#quick_reply div.sceditor-container {width:800px !important;}

Mais franchement, vérifiez vos largeurs, vérifiez ce que ça donne sur votre forum, parce que vous avez tendance à voir les choses de manière un peu grande.

Je pensais que vous l'aviez mis. Mettez ce code avec une valeur à 93% par exemple.

Pour les textes, non, ça ne prend pas effet. Vous pourriez demander à vos membres de mettre leurs rapports de désinfection entre spoiler, ou entre citation, à partir de maintenant, ça pourrait être utile.
Sinon, pour éviter ça, mettre une scroll-barre sur les sujets si ça dépasse. Mais pour que ça soit fait correctement, il faudrait modifier le template viewtopic_body.

 Repérer cette ligne :

<div class="postbody">

<div>{postrow.displayed.MESSAGE}</div>

 et remplacer par

Code:

<div class="postbody">

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

 enregistrer et valider le template
 et puis rajouter dans le CSS :

Code:

div.postbody_post { display:block;overflow:auto; overflow-y:hidden; overflow-x:auto; width:auto; max-width:XXXpx;}

et changer la valeur XXX par quelque chose de potable pour vous.

[2011N2]

Re,

Ok, et je supprime ça donc ?

Code:

form#quick_reply {width:100%;}

Pour les rapports trop longs je les héberge moi-même, mais c'était juste pour savoir.

Gabriel.

[Lixyr]

Oui, vous pouvez l'enlever, et mettre l'autre à la place. ^^
Et bien, pour ce qui est de la déformation du forum, ça restera ainsi pour toutes les pages où le contenu trop long et sans espace est présent. Mais normalement, une fois que les contenus qui déforment le forum seront suspendus, ou bien gérés d'une autre manière, vos éditeurs de message devraient correctement s'afficher.

[2011N2]

Re,

Voilà c'est fait.

Donc à part les sujets où les rapports et/ou images déforment, tout est bon, plus rien à signaler ?

Gabriel.

[Lixyr]

Hum sinon, il y a encore un problème avec la réponse rapide, qui prend encore trop de place (pas l'éditeur en lui-même, lui tout est ok, mais le bloc qui le contient).

Finalement, on va remettre à la suite le quick_reply simple, et voir ce que ça donne, mais avec une largeur plus petite :

Code:

form#quick_reply {width:95% !important;}

[2011N2]

Bonjour,

Voilà c'est rajouté.

Merci,

Gabriel.

[Lixyr]

Ça a l'air bon maintenant, cela dit comme je suis sur grand écran actuellement, je préfère vérifier chez moi ce soir.

[2011N2]

Ok pas de problème, bonne journée et à ce soir.

Gabriel.

[Lixyr]

Finalement, j'ai pu rentrer plus tôt.
Toujours mal affiché sur petit écran. Pouvez-vos désactiver le code pour l'avatar à côté de l'éditeur de message rapide ?

[2011N2]

Re,

Désolé c'est moi qui était absent.

J'ai désactivé le javascript pour l'avatar à côté des réponses rapides cela vous convient ?

Gabriel.