Contenu du forum qui dépasse le cadre

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Contenu du forum qui dépasse le cadre

Message par pinke le Ven 12 Jan 2018 - 8:38

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

Edit : Même problème ici reflexion
avatar

pinke
****

Féminin
Messages : 304
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par Miettes le Ven 12 Jan 2018 - 9:46

Hello Smile

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

avatar

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par pinke le Ven 12 Jan 2018 - 10:36

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 Very Happy : 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 ? Mr. Green) :



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

pinke
****

Féminin
Messages : 304
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par Miettes le Ven 12 Jan 2018 - 10:54

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 Smile )
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 Smile
avatar

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par pinke le Ven 12 Jan 2018 - 11:09

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

pinke
****

Féminin
Messages : 304
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par Miettes le Ven 12 Jan 2018 - 11:13

il faut laisser ce bout de code css par contre Smile
Code:
form[name="post"] + .forumline .postbody{
  width: inherit;
}

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

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par pinke le Ven 12 Jan 2018 - 11:39

Pas de souci Very Happy 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 ::moitimide:: ?)

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é Smile
avatar

pinke
****

Féminin
Messages : 304
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par Miettes le Ven 12 Jan 2018 - 11:51

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

------

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

avatar

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par pinke le Ven 12 Jan 2018 - 12:01

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

pinke
****

Féminin
Messages : 304
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par Miettes le Ven 12 Jan 2018 - 12:02

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

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par pinke le Ven 12 Jan 2018 - 12:07

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

pinke
****

Féminin
Messages : 304
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par Miettes le Ven 12 Jan 2018 - 12:12

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

Bon ap'

Envoyé depuis l'appli Topic'it
avatar

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par Miettes le Ven 12 Jan 2018 - 14:15

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

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par pinke le Sam 13 Jan 2018 - 6:04

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

pinke
****

Féminin
Messages : 304
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par Miettes le Sam 13 Jan 2018 - 11:17

Bonjour Smile

Tu as bien ajouté ça aussi dans ta CSS ?
Code:
form[name="post"] .forumline#parent_editor_simple .row1 {
    display: none;
}
avatar

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du forum qui dépasse le cadre

Message par pinke le Sam 13 Jan 2018 - 14:11

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

pinke
****

Féminin
Messages : 304
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum