Contenu du forum qui dépasse le cadre

[foxies]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://keepingyourheadup.forumactif.com/

Description du problème

Bonjour, je rencontre un petit soucis au niveau de l'apparence des pages d'envoi de messages (voir screen) mais aussi de celle qui permet de changer sa signature dans le profil (voir ici).

En effet, comme vous pouvez le voir, le contenu du forum part vers la droite et dépasse complètement le cadre du forum. Je n'ai pas ce problème là ailleurs... Pouvez-vous m'aider s'il vous plaît ?

Edit : Même problème ici

[Miettes]

Hello

Voici un bout de CSS qui devrait régler tes problèmes pour les messages ^^

Code:

form[name="post"] .forumline,
form[name="post"] + .forumline > tr > .row1,
form[name="post"] + .forumline .postbody {
    max-width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
}

form[name="post"] + .forumline .postbody{
  width: inherit;
}

[foxies]

Bonjour, merci pour ce code qui a résolu le soucis initial au niveau des messages. Le problème c'est qu'un autre problème est apparu : les éléments qui suivent les intitulés "lancer de dés" et "options" ne sont plus centrés. Voilà ce que ça donne en image :



Mon template posting_body :

Code:

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

<!-- BEGIN privmsg_extensions -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
   <tr>
      <td align="center" valign="top" width="100%">
         <table border="0" cellspacing="2" cellpadding="0" height="40">
            <tr valign="middle">
               <td>{INBOX_IMG}</td>
               <td><span class="cattitle">{INBOX_LINK}</span></td>
               <td>{SENTBOX_IMG}</td>
               <td><span class="cattitle">{SENTBOX_LINK}</span></td>
               <td>{OUTBOX_IMG}</td>
               <td><span class="cattitle">{OUTBOX_LINK}</span></td>
               <td>{SAVEBOX_IMG}</td>
               <td><span class="cattitle">{SAVEBOX_LINK}</span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<br clear="all" />
<!-- END privmsg_extensions -->

{POST_PREVIEW_BOX}{ERROR_BOX}

<!-- BEGIN switch_quote_limit -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr class="inner">
      <td>
         <table cellspacing="0" cellpadding="1" border="0" width="100%">
            <tr><td class="row1">&nbsp;</td></tr>
            <tr><td class="row1" align="center"><span class="gen" style="color:red;">{switch_quote_limit.L_QUOTE_LIMIT_WARNING}</span></td></tr>
            <tr><td class="row1">&nbsp;</td></tr>
         </table>
      </td>
   </tr>
</table>
<!-- END switch_quote_limit -->

<form action="{S_POST_ACTION}" method="post" name="post" enctype="multipart/form-data">
   
   <!-- BEGIN switch_forum_rules -->
   <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
      <tbody>
         <tr>
            <td class="catBottom">
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tbody>
                     <tr>
                        <td valign="top">
                           <h1 class="cattitle">&nbsp;{L_FORUM_RULES}</h1>
                        </td>
                     </tr>
                  </tbody>
               </table>
            </td>
         </tr>
         <tr>
            <td class="row1 clearfix">
               <table>
                  <tr>
                     <!-- BEGIN switch_forum_rule_image -->
                     <td class="logo">
                        <img src="{RULE_IMG_URL}" />
                     </td>
                     <!-- END switch_forum_rule_image -->
                     <td class="rules postbody">
                        {RULE_MSG}
                     </td>
                  </tr>
               </table>
            </td>
         </tr>
      </tbody>
   </table>
   <!-- END switch_forum_rules -->
   
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <th height="28" class="thHead" colspan="2" valign="bottom">
            {L_POST_A}
         </th>
      </tr>
      <!-- BEGIN switch_username_select -->
      <tr>
         <td class="row1" width="50%"><span class="gen"><b>{L_USERNAME}</b></span></td>
         <td class="row2" width="50%"><span class="genmed"><input class="post" type="text" name="username"  maxlength="25" value="{USERNAME}" size="25" tabindex="1" /></span></td>
      </tr>
      <!-- END switch_username_select -->
      
      <!-- BEGIN switch_privmsg -->
      <tr>
         <td><div style="margin-top:5px;"></div><span class="gen">&nbsp;<b>{L_USERNAME}</b></span>
         
            <span class="genmed">&nbsp;
               <!-- BEGIN switch_username -->
               <input class="post" style="margin:1px 0" type="text" name="username[]" value="{switch_privmsg.switch_username.USERNAME}" size="25" /><br />
               <!-- END switch_username -->
               <input class="post" style="margin:1px 0" type="text" id="username" name="username[]" value="{USERNAME}" size="25" tabindex="1" />&nbsp;
               <img id="add_username" src="{ADD_USERNAME_IMG}" class="selectHover" alt="" />&nbsp;
               <input class="liteoption" type="button" id="find_user" value="{L_FIND_USERNAME}" />
                          </span>
                        </td>
      </tr>

      <!-- BEGIN switch_privmsg_group -->
      <tr>
      <td><span class="gen">&nbsp;<b>{switch_privmsg.switch_privmsg_group.L_OR_GROUP}</b></span>
      &nbsp;{switch_privmsg.switch_privmsg_group.MASS_PM}</td>
      </tr>
      <!-- END switch_privmsg_group -->
      <!-- END switch_privmsg -->

      <!-- BEGIN switch_groupmsg -->
      <tr>
         <td class="row1" width="22%"><span class="gen"><b>{L_USERNAME}</b></span></td>
         <td class="row2" width="78%"><span class="genmed">{USERNAME}</span></td>
      </tr>
      <!-- END switch_groupmsg -->

      <!-- BEGIN switch_subject -->
      <tr>
                  <td><div class="tleEDIT"><span style="margin-top:3px;">{L_SUBJECT}</span>
                <span class="gen"><input class="post" style="margin-top:1px;" type="text" name="subject" value="{SUBJECT}" size="45" maxlength="{TOPIC_TITLE_MAXLENGTH}" tabindex="2" title="{TOPIC_TITLE_LENGTH_EXPLAIN}" onkeypress="if (event.keyCode==13){return false}" /></span>
                    </div> </td></tr>
      <!-- END switch_subject -->

      <!-- BEGIN switch_description -->
      <tr>
      <td class="row1" width="22%"><span class="gen"><b>{L_DESCRIPTION}</b></span></td>
      <td class="row2" width="78%">
         <span class="gen">
            <input class="post" style="width:450px" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
         </span>
      </td>
      </tr>
      <!-- END switch_description -->

      <!-- BEGIN switch_icon_checkbox -->
      <tr>
      <td class="row1" valign="top"><span class="gen"><b>{L_ICON_TITLE}</b></span></td>
      <td class="row2">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <!-- BEGIN row -->
      <tr>
      <td nowrap="nowrap"><span class="gen"><!-- BEGIN cell --><label><input type="radio" name="post_icon" value="{switch_icon_checkbox.row.cell.ICON_ID}" {switch_icon_checkbox.row.cell.ICON_CHECKED} id="post_icon_{switch_icon_checkbox.row.cell.ICON_ID}" />&nbsp;<span onclick="document.forms['post'].post_icon_{switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_icon_checkbox.row.cell.ICON_IMG}</span></label><!-- END cell --></span></td>
      </tr>
      <!-- END row -->
      </table>
      </td>
      </tr>
      <!-- END switch_icon_checkbox -->

      <tr id="parent_editor_simple" {EDITOR_DISPLAY_SIMPLE}>
         <td class="row2" valign="top"><span class="genmed"></span>
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
               <tr>
                  <td valign="top">
                     <textarea id="text_editor_textarea" class="post" name="message" tabindex="3" wrap="virtual">{MESSAGE}</textarea>&nbsp;
                  </td>

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

      {CODE_CONFIRM}
   </table>
   
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="margin-top:-10px;">
      <tr>
         <td style="text-align:center;">
            <input type="hidden" name="lt" value="{LAST_TOPIC_ID}" />
            {S_HIDDEN_FORM_FIELDS}
            <!-- BEGIN switch_preview -->
            <input class="liteoption" type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" />&nbsp;
            <!-- END switch_preview -->
            <!-- BEGIN switch_draft -->
            &nbsp;<input class="liteoption" type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" />&nbsp;
            <!-- END switch_draft -->
            <!-- BEGIN switch_publish -->
            &nbsp;<input class="liteoption" type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />&nbsp;
            <!-- END switch_publish -->
            &nbsp;<input class="mainoption" type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
         </td>
      </tr>
   </table>
   <br />
<!-- BEGIN switch_roll_dice -->
   <div id="rolldice_show" style="display:{ROLLDICE_OPEN}">
      <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="text-align:center;">
      <tr>
      <th class="thHead" colspan="2">{ROLL_DICE_TITLE}</th>
         </tr>
         <tr>
            <td class="row1">
               <script type="text/javascript">
               //<![CDATA[
               function add_dice(dice_number,dice,number)
               {
                  var content = document.getElementById('post_dice').innerHTML;
                  document.getElementById('dice_to_del').innerHTML = '';
                  document.getElementById('dice_to_del').id = '';

                  var new_tr = document.createElement('tr');
                  new_tr.appendChild(document.createElement('td'));
                  new_tr.firstChild.innerHTML = '<span class="postbody">{ROLL_DICE_TITLE_LOW} #' + (dice_number + 1) + ' :&nbsp;</span><select name="post_dice_' + dice_number + '" id="post_dice_' + dice_number + '" value="' + dice + '">' + content + '</select><span class="postbody">&nbsp;<label for="nb_rolls_' + dice_number + '">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_' + dice_number + '" id="nb_rolls_' + dice_number + '" class="post" value="' + number + '" />&nbsp;<span id="dice_to_del"><a href="javascript:add_dice(' + (dice_number + 1) + ',\'\',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span></span>';
                  document.getElementById('list_dice').lastChild.appendChild(new_tr);

                  var select_dice = document.getElementById('post_dice_' + dice_number);
                  if ( dice == '' )
                  {
                     select_dice.selectedIndex=0;
                  }
                  for ( var i = 1; select_dice.options[i]; i++ )
                  {
                     select_dice.options[i].selected = ( select_dice.options[i].value == dice );
                  }
               }
               //]]>
               </script>            
               <table style="width:100%" id="list_dice">
                  <tr>
                     <td>
                        <span class="postbody">{ROLL_DICE_TITLE_LOW} #1 :&nbsp;</span>
                        <select name="post_dice_0" id="post_dice">
                           <option value="">-</option>
                           <!-- BEGIN row_replace -->
                           <option value="{switch_roll_dice.row_replace.DICE_ID}"{switch_roll_dice.row_replace.DICE_SELECTED}>{switch_roll_dice.row_replace.DICE_NAME}</option>
                           <!-- END row_replace -->
                        </select>
                        <span class="postbody">
                           &nbsp;<label for="nb_rolls_0">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_0" id="nb_rolls_0" class="post" value="{switch_roll_dice.S_DICE_ROLLS_VALUE}" />
                           &nbsp;<span id="dice_to_del"><a href="javascript:add_dice(1,'',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>
                        </span>
                     </td>
                  </tr>
               </table>            
            </td>
         </tr>
      </table>
   </div>
   {switch_roll_dice.DICE_SCRIPT}
   <!-- END switch_roll_dice -->
 
<!-- BEGIN switch_attachment_list -->
<div id="attachments">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead" colspan="2">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{L_ATTACHMENTS}</b></span></td><td width="10"></td>
</tr></table>
</th></tr>
<!-- BEGIN attachments -->
<tr>
<td width="22%" class="row1">
<span class="gen"><b>{L_ATTACHMENT_FILENAME}</b></span><br />
</td>
<td width="78%" class="row2">
<!-- BEGIN switch_is_orphan -->
<span class="gen">{switch_attachment_list.attachments.switch_is_orphan.FILENAME}</span>&nbsp;&nbsp;
<!-- END switch_is_orphan -->
<!-- BEGIN switch_is_not_orphan -->
<a href="{switch_attachment_list.attachments.switch_is_not_orphan.U_ATTACH_URL}" class="gen">{switch_attachment_list.attachments.switch_is_not_orphan.FILENAME}</a>&nbsp;&nbsp;
<!-- END switch_is_not_orphan -->
<!-- BEGIN switch_can_delete -->
<input type="submit" value="{L_ATTACHMENT_DELETE}" name="delete_file[{switch_attachment_list.attachments.ATTACH_POS}]" /><br />
<!-- END switch_can_delete -->
</td>
</tr>
<tr>
<td width="22%" class="row1">
<span class="gen"><b>{L_ATTACH_COMMENT}</b></span>
</td>
<td width="78%" class="row2">
<!--textarea name="comment_list[{switch_attachment_list.attachments.ATTACH_POS}]" cols="35" rows="3" style="width:100%">{switch_attachment_list.attachments.ATTACH_COMMENT}</textarea><br />
<a href="{switch_attachment_list.attachments.U_ATTACH_URL}" class="gen">{switch_attachment_list.attachments.FILENAME}</a>&nbsp;&nbsp;<input class="liteoption" type="submit" value="{L_ATTACHMENT_DELETE}" name="delete_file[{switch_attachment_list.attachments.ATTACH_POS}]" /-->
<input class="post" type="text" id="filecomment{switch_attachment_list.attachments.ATTACH_POS}" name="comment_list[{switch_attachment_list.attachments.ATTACH_POS}]" value="{switch_attachment_list.attachments.ATTACH_COMMENT}" maxlength="255" style="width: 450px" />
<input type="hidden" value="{switch_attachment_list.attachments.ATTACH_ID}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][attach_id]" />
<input type="hidden" value="{switch_attachment_list.attachments.IS_ORPHAN}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][is_orphan]" />
<input type="hidden" value="{switch_attachment_list.attachments.REAL_FILENAME}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][real_filename]" />
<input type="hidden" value="{switch_attachment_list.attachments.ATTACH_COMMENT}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][attach_comment]" />
</td>
</tr>

<!-- END attachments -->
</table>
</div>
<!-- END switch_attachment_list -->

<!-- BEGIN switch_attachment -->
<div id="attachment" style="display:{ATTACHMENT_CLOSE}">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{L_ATTACHMENT_ADD}</b></span></td><td width="10"><a href="javascript:ShowHideLayernew('attachment')"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></td>
</tr></table>
</th></tr>
</table>
</div>

<div id="attachment_show" style="display:{ATTACHMENT_OPEN}">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead" colspan="2">
<table width="100%"><tr>
<td width="10"></td><td align="center"><span class="gen"><b>{L_ATTACHMENT_ADD}</b></span></td>
<td width="10"><a href="javascript:ShowHideLayernew('attachment')">
<img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></td>
</tr></table>
</th></tr>
<tr>
<td class="row1">

<table class="forumline" width="100%" cellspacing="1" cellpadding="0" border="0">
<tr>
<td class="row1" colspan="2"><span class="gen">{L_ATTACHMENT_ADD_HELP}</span><br /><span class="info">{EXT_LIST}</span><br /></td>
</tr>

<tr>
<td class="row1" width="22%"><span class="gen"><b>{L_ATTACHMENT_FILENAME}</b></span></td>
<td class="row2" width="78%"><span class="genmed"><input class="post" type="file" id="fileupload" name="fileupload" value="" /><input value="{L_SUBMIT}" type="submit" name="add_file" /> ({L_MAX_ATT_SIZE})</span></td>
</tr>

<tr>
<td class="row1" width="22%"><span class="gen"><b>{L_ATTACH_COMMENT}</b></span></td>
<td class="row2" width="78%"><span class="genmed"><input class="post" type="text" style="width:450px" id="filecomment" name="filecomment" value="" maxlength="255" /></span></td>
</tr>

<!-- BEGIN modif_dav_08032010 -->
<tr>
<td valign="top" width="15%"><label class="gen" for="fileupload">{L_ATTACHMENT_FILENAME}</label><br /><br />
<label class="gen" for="filecomment">{L_ATTACH_COMMENT}</label></td>
<td width="80%"><input type="file" id="fileupload" name="fileupload" /><input type="submit" name="add_file" /> ({L_MAX_ATT_SIZE})<br />
<textarea id="filecomment" name="filecomment" cols="35" rows="3" style="width:100%"></textarea></td>
</tr>
<!-- END modif_dav_08032010 -->

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

<!-- END switch_attachment -->


<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><th class="thHead" colspan="2">{L_OPTIONS}</th></tr>


   <tr>

      <td class="row2" width="78%">
         <table align="center" border="0" cellspacing="0" cellpadding="1">
            <tr>
               <td><input type="checkbox" name="disable_html"{S_HTML_CHECKED} /></td>
               <td><span class="gen">{L_DISABLE_HTML}</span></td>



               <td><input type="checkbox" name="disable_bbcode"{S_BBCODE_CHECKED} /></td>
               <td><span class="gen">{L_DISABLE_BBCODE}</span></td>



               <td><input type="checkbox" name="notify"{S_NOTIFY_CHECKED} /></td>
                          <td><span class="gen">{L_NOTIFY_ON_REPLY}</span></td></tr>
                  </table>
                    <table align="center" border="0" cellspacing="0" cellpadding="1"><tr>
                      <td><span class="gen">{S_TYPE_TOGGLE}</span></td>
                      </tr>
                         
                         
                  </table>
      </td>
   </tr>
</table>


<!-- BEGIN switch_display_menus -->
<script type="text/javascript">
//<![CDATA[
ShowHideLayernew('rolldice');
ShowHideLayernew('optionsitems');
ShowHideLayernew('calendaritems');
ShowHideLayernew('pollitems');
//]]>
</script>
<!-- END switch_display_menus -->

</form>
{TOPIC_REVIEW_BOX}

<!-- BEGIN switch_privmsg -->
<div id="find_username" class="jqmWindow"></div>

<script src="{JS_DIR}jquery/jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_privmsg -->
<script type="text/javascript">
//<![CDATA[
$(function(){
<!-- BEGIN switch_privmsg -->
   privmsg_add_username('{U_SEARCH_USER}', '<br /><span class="genmed"><input class="post" style="margin:1px 0" type="text" name="username[]" size="25" /></span>');
<!-- END switch_privmsg -->
<!-- BEGIN switch_image_resize -->
    resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} });
<!-- END switch_image_resize -->
});
//]]>
</script>

{SCEDITOR}

De même lors de l'envoi d'un MP ("nom d'utilisateur", "trouver un nom d'utilisateur" et "ou un groupe d'utilisateurs" ne sont plus centrés, de même pour les options (il y a même un input qui s'est introduit ? ) :



Enfin, la page liée au changement de signature de l'utilisateur bugue encore (l'éditeur de texte part toujours vers la droite) :



Mon template profile_edit_signature :

Code:

<!-- BEGIN switch_post_error -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
   <tr>
      <td>
      <table width="100%" border="0" cellspacing="0" cellpadding="1">
         <tr>
            <td class="row1">&nbsp;</td>
         </tr>
         <tr>
            <td align="center" class="row1"><span class="gen">{ERROR_MESSAGE}</span></td>
         </tr>
         <tr>
            <td class="row1">&nbsp;</td>
         </tr>
      </table>
      </td>
   </tr>
</table>
<br clear="all" />
<!-- END switch_post_error -->
{UCP_TABS}
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr><th colspan="2">{L_CURRENT_PREVIEW_SIGNATURE}</th></tr>
<tr>
   <td class="row1" width="25%" height="130"><span class="gen">{L_SIGNATURE} :</span></td>
   <td class="row2" width="75%" valign="top"><span class="postbody"><div class="signature_div">{SIGNATURE_PREVIEW}</div></span></td>
</tr>
</table>
<br /><br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr><th colspan="2">{L_EDIT_SIGNATURE}</th></tr></table>
{SIGNATURE_EDIT}


Merci

[Miettes]

Oula... ça en fait des régressions :/

On va donc modifier ça ^^

1) Dans le template "posting_body", on va ajouter une classe au tableau qui contient le message à poster (c'est lui qui nous pose le plus de souci )
On va remplacer ça :

Code:

  <!-- END switch_forum_rules -->
   
  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <th height="28" class="thHead" colspan="2" valign="bottom">
            {L_POST_A}
        </th>
      </tr>

par ça

Code:

  <!-- END switch_forum_rules -->
   
  <table class="forumline poster-msg" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <th height="28" class="thHead" colspan="2" valign="bottom">
            {L_POST_A}
        </th>
      </tr>

2) on va remplacer la CSS donnée précédemment par :

Code:

form[name="post"] .forumline.poster-msg {
    box-sizing: border-box;
    max-width: 100%;
    table-layout: fixed;
}

et ça devrait régler pas mal de souci

[foxies]

J'ai fait comme tu m'as dit mais c'est revenu comme au début lors de mon premier post

[Miettes]

il faut laisser ce bout de code css par contre

Code:

form[name="post"] + .forumline .postbody{
  width: inherit;
}

(j'aurai du le préciser, désolée )

[foxies]

Pas de souci Merci beaucoup, du coup c'est réglé (sauf au niveau de la page liée à la signature dans le profil qui n'a pas bougé... tu aurais une idée ?)

Par ailleurs, je suis un peu tatillonne désolée, il y a un truc qui me gêne ici, l'endroit où l'utilisateur écrit son pseudo s'est éloigné

[Miettes]

Pour la signature, On va ajouter une classe pour bien cibler notre élément dans le template. Pour ça, on va remplacer ça :

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr><th colspan="2">{L_CURRENT_PREVIEW_SIGNATURE}</th></tr>
<tr>

par ça :

Code:

<table class="forumline previsu-sign" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr><th colspan="2">{L_CURRENT_PREVIEW_SIGNATURE}</th></tr>
<tr>

Ensuite, on va remplacer ça dans la CSS :

Code:

form[name="post"] + .forumline .postbody{
  width: inherit;
}

par :

Code:

form[name="post"] + .forumline .postbody,
.previsu-sign .postbody{
  width: inherit;
}

(on va tester ça )

------

Pour l'autre souci, on va remplacer, dans le template "posting_body ", ceci :

Code:

<!-- BEGIN switch_username_select -->
      <tr>
        <td class="row1" width="50%"><span class="gen"><b>{L_USERNAME}</b></span></td>
        <td class="row2" width="50%"><span class="genmed"><input class="post" type="text" name="username"  maxlength="25" value="{USERNAME}" size="25" tabindex="1" /></span></td>
      </tr>
      <!-- END switch_username_select -->

par ça :

Code:


<!-- BEGIN switch_username_select -->
<tr>
  <td colspan="2">
    <table align="center">
      <tr>
        <td class="row1"><span class="gen"><b>{L_USERNAME}</b></span></td>
        <td class="row2"><span class="genmed"><input class="post" type="text" name="username"  maxlength="25" value="{USERNAME}" size="25" tabindex="1" /></span></td>
      </tr>
    </table>
  </td>
</tr>
<!-- END switch_username_select -->


[foxies]

Merci beaucoup, le deuxième souci est réglé Pour ce qui est du premier, rien n'a changé ! ^^

[Miettes]

Hum :/ Tu penses qu'on pourrait créer un compte "test" pour que je puisse voir le problème "en vrai" ?

[foxies]

Oui bien sûr, je te remercie pour le temps que tu prends pour moi. Tu peux y aller, j'ai ouvert les inscriptions

[Miettes]

Je file en pause dej. Je regarde ça a mon retour à 14h

Bon ap'

Envoyé depuis l'appli Topic'it

[Miettes]

On va ajouter ça pour la signature :

Code:

form[name="post"] .forumline#parent_editor_simple .row1 {
    display: none;
}

et, par sécurité on va ajouter ces 2 lignes :

Code:


.forumline.previsu-sign,
form[name="post"] .forumline#parent_editor_simple


ici :

Code:

form[name="post"] .forumline.poster-msg {
    box-sizing: border-box;
    max-width: 100%;
    table-layout: fixed;
}

ce qui donne :

Code:

form[name="post"] .forumline.poster-msg,
.forumline.previsu-sign,
form[name="post"] .forumline#parent_editor_simple {
    box-sizing: border-box;
    max-width: 100%;
    table-layout: fixed;
}

[foxies]

Merci beaucoup, mais malheureusement l'éditeur part toujours vers la droite (c'est résolu pour les autres éléments néanmoins).

[Miettes]

Bonjour

Tu as bien ajouté ça aussi dans ta CSS ?

Code:

form[name="post"] .forumline#parent_editor_simple .row1 {
    display: none;
}

[foxies]

Oh, et bah non, j'avais oublié... Merci énormément, c'est résolu