[PHPBB2] Balise td qui persiste

Hello Franck,
hum, les sujets mentionnés n'ont rien a voir avec ton soucis que je n'arrive pas trouver sur ton template, aurais tu une capture a me fournir stp?

C'est qui ce bazar avec les boutons J'aime dans le template Franck?
Il y en a en en haut et en bas ????

Re Phil , regarde si tu vas sur cette page : https://qmhl.forum-canada.com/t5-marc-drapeau-c-30-5500000-2-34-80-99-83-70-77-66-93-93-87-84-50-72-87-71-80

Le cadre ce tasse vers la gauche de quelque px , alors que sur les autre page exemple
page d'accueil le tout s'affiche bien le problème est donc lié au viewtopic_body .

si tu click ici : https://snipboard.io/cOVaQ1.jpg
u peux voir cette fameuse empty td div qui traine quelque par mais pourtant de sont nom
elle n'existe pas dans le viewtopic_body , l'autre jours j'ai supprimer un truc qui avais réglé le problème mais j'en avais créer un autre avec le bas du forum donc je suis sur
que sa viens de la .

Pour ce qui est des j'aime et j'aime pas j'ai tenter de mettre cette partie :
https://snipboard.io/GmLASB.jpg

au bas du forum avec {postrow.displayed.EDITED_MESSAGE}qui affiche le nombre de modification ainsi que la date à laquelle elle a été faite sur le message. Je voulais les centré etc... mais je t'avoue que j'ai eux du mal et que c'est un peut pas mal tout croche
mais au moins j'avais pas eu besoin de venir te voir j'étais content :P .

Un gros merci pour ton aide encore Phil toujours apprécié .

Hello Franck,

hum ben perso je ne vois rien de choquant et pourtant
je suis toujours à l'affut du moindre détail..
Je ne vois pas de différence entre l'accueil et un message!!!

Il faudrait me le faire voir avec une petite flèche Franck car un lien ne me parle pas.
Pour les mentions j'aime, ce n'est pas du tout cette variable cher ami, celle que tu mentionnes
concerne les éditions de message.


Essayes avec ce template corrigé Franck:

Code:



<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
  //<![CDATA[
  var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
  $(function(){
      if(typeof(_atc) == "undefined") {
        _atc = {  };
      }
  });
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
     
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
 
  return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <div class="newreply"><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" />Nouveau</a> ::
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
                          <a href="{U_POST_REPLY_TOPIC}"><id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" />Répondre</a></div>
        <!-- END switch_user_authreply -->
        </span>
      </td>     
      <td class="nav" valign="middle" width="100%">
        <span class="nav">
                <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
      </td>
  </tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
  <tr align="right">
      <td class="catHead" colspan="2" 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">
                        <!-- BEGIN switch_isconnect -->
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
                        <!-- END switch_isconnect -->
                        <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">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- BEGIN displayed -->
      <table class="M14_Post_separat"cellspacing="0">
        <tr>
          <td>
            <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
                                <br />
                                  {postrow.displayed.RANK_IMAGE}<center><div class="avatarborder">{postrow.displayed.POSTER_AVATAR}</div></center><br /><br />
            <!-- BEGIN profile_field -->
                                  <div class="labelcustom">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
        </span><br />
        <div class="profilonlineicone">
          {postrow.displayed.PROFILE_IMG} 
          {postrow.displayed.PM_IMG}
          {postrow.displayed.EMAIL_IMG}
          <!-- BEGIN contact_field -->
          {postrow.displayed.contact_field.CONTENT}
          <!-- END contact_field -->
          <div class="offline">{postrow.displayed.ONLINE_IMG}</div>
        </div>
        <img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
                  <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="100%">
        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
          <!-- BEGIN switch_likes_active -->
            <tr><td colspan="2">
              <div class="jaime">
                <div class="fa_like_div">             
              <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                  <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
                  <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
              </button>
              <!-- BEGIN switch_dislike_button -->
              <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                  <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
                  <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                                          </button>
              <!-- END switch_dislike_button -->
                                  </div></div></td></tr>
       
                                  <td>
                                    <span class="postdetails">
                                      <div class="sujets">
                                        <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}  <br /><img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}
                                    </div></span></td>
                                    <td valign="top" nowrap="nowrap" class="post-options">
                  {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 height="100%" valign="top">
              <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}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->
                  <div class="postbody">
                                          <div class="fleche"></div><div class="bulle"><div>{postrow.displayed.MESSAGE}</div></div>

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

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

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

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

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

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

                    <div class="clear"></div>
                    <!-- BEGIN switch_signature -->
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>
                    <!-- END switch_signature -->
                  </div>
<center> <span class="gensmall"><div class="edite">{postrow.displayed.EDITED_MESSAGE}</div></span></center><br />
<tr><td colspan="2">
<div class="jaime">
<div class="fa_like_div">
                <!-- BEGIN switch_like_list -->
{postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
<!-- END switch_like_list -->
<!-- BEGIN switch_dislike_list -->
{postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
<!-- END switch_dislike_list -->
</div> </div></td></tr>
<!-- END switch_likes_active -->
        </table>
     
      </td>
                    </tr>
  <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <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">
              </td>
            </tr>
        </table>
      </td>
  </tr>
         
<!-- BEGIN first_post_br -->
</table>
<hr />
<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 -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="2" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
                        <!-- END switch_isconnect -->
                        <a href="#top">{L_BACK_TO_TOP}</a>
                    </td>
            </tr>
        </table>
      </td>
  </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <tr>
      <td 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 -->

  <!-- END switch_user_logged_in -->
</table>

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

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <div class="cattitle"> {L_FORUM_RULES}</div>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td 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>
        <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="{POST_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" style="display:none;"/></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

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

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

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

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

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<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 -->
<!-- BEGIN switch_plus_menu -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<!-- END switch_plus_menu -->

    <script async>
    $(function () {
    if(_userdata["user_level"]==1)
    {
    var M14_post=$('tr[id^="p"][class*="post--"]').length;

    if(M14_post<=1)return;

    $(".post a[href*='mode=delete'][href*='p='][href*='tid=']").click(function (a) {
    a.preventDefault();
    var b = $(this).closest(".post");
    var c =$(this).closest(".post").next();
    !0 == confirm("Vous êtes certain de vouloir supprimer ce message ?") && $.post(this.href, {
    confirm: 0
    }, function (a) {
    b.fadeOut,c.fadeOut(function () {
    b.remove();c.remove();
    $("#page-body .post").length || location.replace(window.location.href)
    })})});
    }

    });
      </script>

Re Phil , je viens de faire le test et rien n'y change .

Regarde cette image : https://snipboard.io/nJzo6p.jpg

Cette empty td n'est nul pars sur mon forum sauf sur les sujets .
elle ce nomme :

Code:

<div id="emptyidright"></div>

Regarde ceci mon cher ami , cette personne sur le forum des forums avais eux le même
problème et tu lui avais répondu en gros la même chose .

https://forum.forumactif.com/t311631-cadre-qeel-en-double-s#2718827

Oki Franck,

Dans le template overall_footer_begin :
Affichage/Templates/Général/overall_footer_begin


Recherches ceci:

Code:


<td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>


Supprimes et remplaces par:

Code:


<td id="M14_right"valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>


Penses a enregistrer puis à valider en cliquant respectivement sur :Enregis: puis



Puis dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body


Juste avant (au début du template) :

Code:

<!-- BEGIN switch_plus_menu -->

Déposes ceci:

Code:

<style>
#M14_right{display: none!important;}
</style>

Penses a enregistrer puis à valider en cliquant respectivement sur puis

Comme tu as des soucis juste sur les messages, on dépose le style juste sur le template concerné Franck .

Resalut Phil , sa fonctionne à merveille tes le meilleurs .
La partie Fa_like fonctionne bien aussi je crois sa sort bien de mon coter du moins .

J'aurais une dernière petit question ou demande , il semblerais que avec safari donc les
cellulaires iphone que lorsque ont ouvrent une nouvelle fenêtre le forum n'ouvre pas en
plein écran comme ceci : https://snipboard.io/mBG8Ly.jpg

Quel est le problème au juste ? Bonne fin de soirée !!!

Salut Franck,
merci c'est gentil mon ami   .


Alors ton fofo pointe actuellement surement vers la version web via ton P.A:

Affichage/Templates/Version mobile/Configuration Mobile

L'adresse de votre forum dirige vers:
Version web/Version mobile

Choix de la version Mobile:
Classique/Moderne

et comme ton fofo est terriblement modifié, il vaut mieux passer par la version "Mobile" en version classique Franck.

L'adresse de votre forum dirige vers:
Version mobile

Choix de la version Mobile:
Classique

Bon après midi Phil , non il ne faut pas .
J'ai créer une version ordinateur pour la plateforme Safari
il est teste et tout la seul chose qui fait défaut est le fait
que les page ouvert zoomé dans le coin gauche plutot que
d'afficher le forum dans sont ensemble n'y aurait-il pas un
astuce qui forcerais une page fullscreen lors de l'ouverture des pages ?

Voici mon CSS pour la version CellSafari :

Code:

 /* Laisser le @media ici sinon les gens sur tablette ne voit pas tout a cause du menu de gauche je lai donc reduit -> Karg */
@media (max-width:1080px){
#responsive-admin-menu{
width: 90px;
}
#responsive-admin-menu span{
display:none;
}
#other-sub span,#media-sub span{
display:block;
  }
 
}
/* fin des @media -> Karg */
#box1 {
margin-left:1065px !important;
position:absolute;
}
#box2 {
margin-left:900px !important;
position:absolute;
}
#box3 {
margin-left:60px !important;
position:absolute;
width:80px;
}
#sstyle{
background-color:#dfdfdf;
border:0px solid!important;
color:#333;
margin-top: -20px !important;
padding:3px 6px;
position:absolute;
right:11.6%;
height:26px;
width:150px;
text-align:center!important;
font-size:12px!important;
letter-spacing:0!important;
font-family:arial;
font-weight:normal!important;
}
#sstyle:hover{
background-color:#d5d5d5!important;
}
#fa_theme_selector{
right:22.9%;
background-color:#dfdfdf!important;
border:0px solid!important;
color:#333;
margin-top: -20px !important;
padding:3px 6px;
position:absolute;
height:26px;
width:150px;
text-align:center!important;
font-weight:normal!important;
letter-spacing:0!important;
font-family:arial;
font-size:12px;
}
#fa_theme_selector:hover{
background-color:#d5d5d5!important;
}
.header {
 min-width:980px !important;
}
#navbar {
min-width:980px !important;
}
.gmcfooter{
min-width:102% !important;
}
.headercell{
min-width:102% !important;
}
.chat{
display:inline !important;
}
button{
display:none;
}
#bannerbg{
background-color:#283eb8;
}
.tooltip1 .tooltiptext1 {
 background-color: #efefef;
-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.29)!important;
-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.29)!important;
box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.29)!important;
}
.tooltip-content img{
max-width:70px;
max-height:80px;
}
.avatarborder img{
max-width:150px;
max-height:150px;
}
.fa_dislike_list, .fa_like_list {
    background-color: transparent;
    clear: both;
    font-size: 12px;
    margin-top: -70px;
    min-width: 530px;
    padding: 2px 3px;
    position: relative;
}
.textmarque{
display:none;
}
#i_logo{
display:none;
}
.forumline td{
line-height:90%;
}
#fa_chatters{
float:left;
letter-spacing:2px;
}

#navbar a.M14_newMp{
color:red!important;
}
.rowcellwraplast{
margin-top:11px;
}
.labelcustom{
line-height:130%;
}
.postdetails.poster-profile span.label{
margin-left: 15.4%;
margin-bottom:-5px;
}
.profilonlineicone{
margin-left:4.8%;
position:absolute;
margin-top:-15px;
}
.offline{
background-image:url("https://i.servimg.com/u/f12/16/58/47/07/offlin11.png");
background-repeat:no-repeat;
margin-top:-45px;
margin-left:72px;
position:absolute;
width:28px;
height:43px;
}
.profilonlineicone a:hover{
opacity:0.7;
}
a.nav {
color:#333!important;
}
.ps_info{
width:50%;
height:auto;
min-height:200px;
border-top:30px solid #283eb8;
background-color:#fff;
opacity:0.9;
color:#333;
font-size:14px;
position:absolute;
z-index: 999;
-webkit-box-shadow:2px 3px 9px -5px rgba(0,0,0,0.14);
-moz-box-shadow:2px 3px 9px -5px rgba(0,0,0,0.14);
box-shadow:2px 3px 9px -5px rgba(0,0,0,0.14);
padding:5px;
font-family:arial;
display: none;
margin-top:-30px;
}
.ps_info::before{
color:#fff;
font-size:14px;
font-weight:bold;
content:"Prévisualisation du message";
text-align:center;
position:absolute;
z-index:1;
margin-top:-29px;
margin-left:-100px;
}
.ps_info .signature_div{
display:none!important;
}
.ps_info .fleche{
display:none!important;
}
.ps_info .postbody{
padding:0px!important;
margin-left:-16px!important;
}
.lastpost-avatar{
float: right;
padding: 2px;
margin-left: -20px;
}
.lastpost-avatar img{
opacity:0;
}
#M14_style{
padding:3px;
margin-top:6px;
margin-left:7px;
margin-bottom:-4px;
}
#page-accueil, #page-accueil .row1{
background:none;
}
select{
 -moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
}
.BANL{
margin-top:2px;
margin-bottom:-15px;
margin-left:-4px;
}
.bg1{
background-color:#283eb8;
width:211px;
height:30px;
border-radius:25px;
position:absolute;
margin-bottom:-10px;
margin-top:9px;
margin-left:187px;
z-index:1;
}
.wrapbg1{
background-color:#EFEFEF;
height:50px;
}
.loading{
height:50px;
width:50px;
position:absolute;
z-index:3;
margin-left:305px;
}
a.button1, .fa_group_list, .fa_group_name{
color:#fff!important;
}
p.fa_group_desc{
font-align:center;
color:#fff!important;
}
ul.tooltip-counts{
background-color:transparent!important;
}
#chatbox_option_co{
font-size:14px;
}
th.thRight{
display:none;
}
th{
background-image:none!important;
color:#333;
font-size:11px;
font-weight:700;
height:25px;
padding:2px 3px;
background-color:#ddd;
line-height: 80%;
}
th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thSides, th.thTop{
border:transparent!important;
}
th.thRight{
height:28px!important;
}
td.catBottom, th.thBottom{
border-width:0px!important;
height:36px!important;
background-color:#efefef!important;
}
.secondarytitle h2{
color:#333;
font-size: 14px!important;
font-weight:700;
}
.secondarytitle{
color:#333;
height:30px!important;
width:100%;
font-size:14px!important;
}
.forumline{
background-color: none !important;
border: none;
margin-bottom: -4px;
min-width:1080px!important;
}
.forumline th{
color:transparent!important;
height:32px!important;
}
.wrapall{
background-color:#EFEFEF;
border:none;
height:auto!important;
}
#notif_unread{
margin-left:4px;
float:left;
letter-spacing:2px;
}
a#fa_chat_button.fa_chat_active{
top:35%!important;
left:13%;
position:fixed!important;
content:url(https://i.servimg.com/u/f12/16/58/47/07/close10.png);
z-index:999!important;
height:32px!important;
width:32px!important;
z-index:9999!important;
}
a#fa_chat_button.fa_chat_active:hover{
background:none!important;
content:url(https://i.servimg.com/u/f12/16/58/47/07/closed10.png);
}
#dyscrollup-btn{
margin-right:-1px!important;
}
.page-body{
margin-bottom:10px!important;
min-width:1080px!important;
width:102% !important;
}
body{
margin-top:-1px!important;
min-width:1080px!important;
width:102% !important;
}
/*la div recevant toutes les autres*/
.menudroit{
width:274px;
/*ON ADDITTIONNE LES HAUTEURS DE TOUTES LES DIVS 275px par 3*/
height:825px;
left:70.9%;
position:absolute;
display:none;
}
/*ON DONNE LA MEME APPARENCE AUX TROIS DIVS*/
.menudroitin,.menudroitin2,.menudroitin4{
background-color:#efefef;
border-top: 36px solid #283EB8;
height:275px;
margin-bottom:20px;
margin-left:-14%;
max-width:274px;
min-width:274px;
padding:5px;
position:absolute;
text-align:center;
}
/*ON DONNE LA MEME APPARENCE AUX TITRES*/
div[class^="menudroitin"] h2{
margin-top:-31px!important;
font-size: 14px!important;
color:#fff!important;
font-family:arial!important;
}
/*ON DECALE  LES DIVS*/
.menudroitin{margin-top: 0px;}
.menudroitin2 { margin-top: 300px;}
.menudroitin3 {margin-top: 663px;border-bottom: px solid #DEE3E7;
}
.tooltip-actions ul{
background-color:transparent!important;
}
.fa_like_div{
position:absolute;
margin-bottom:-50px;
margin-top:20px;
right:21%;
}
.rep-button, .rep-button:active{
color:#333!important;
cursor:pointer;
font-family:arial;
font-size:12px!important;
font-weight:700;
line-height:1;
text-transform:lowercase;
background-color:none!important;
border:none!important;
border-radius:none!important;
box-shadow:none!important;
}
.fa_liked{
color:#283EB8;
}
.fa_disliked{
color:#F44336!important;
}
.rep-button:hover{
color:#283EB8;
}
.tooltipster-base{
padding:5px!important;
background:#333!important;
}

.tooltipster-content{
border-radius:5px;
background:#333;
color:#ffffff!important;
}
.i_msg_newpost{
margin-bottom:-5px;
}
.i_msg_newpost:hover{
opacity:0.5;
}
.repondremp{
margin-bottom:-5px;
}
.repondremp:hover{
opacity:0.5;
}
a#fa_welcome{
text-decoration:none!important;
cursor:pointer!important;
}
a#fa_notifications{
text-decoration:none!important;
cursor:pointer!important;
}
.edite{
margin-left:4%!important;
}
a.topictitle{
color:#333!important;
margin-left:10px;
}
.chatbox a.cattitle{
color:#333!important;
margin-left:10px;
display:none;
}
.chatbox a.cattitle:hover{
color:#4CB04F!important;
}
#fa_chat_container{
background:#FFF;
border:0px solid #556682;
border-radius:0px;
position:fixed;
right:15%;
z-index:999;
overflow:hidden;
min-width:500px;
min-height:250px;
transition:300ms;
-webkit-box-shadow:0px 0px 1000px 1000px rgba(0,0,0,0.6);
-moz-box-shadow:0px 0px 1000px 1000px rgba(0,0,0,0.6);
box-shadow:0px 0px 1000px 1000px rgba(0,0,0,0.6);
}
#fa_chat{
border:none;
width:100%;
height:100%;
}
a#fa_chat_button:hover{
text-decoration:none!important;
cursor:pointer!important;
}
#chatbox_contextmenu{
border:none;
box-shadow:2px 2px 4px gray;
display:block;
position:absolute;
margin-left:-70px;
margin-top:10px;
text-align:center;
min-width:120px;
}
#chatbox_members .member-title{
background-color:#E4E5EC;
background-image:none;
color:#333;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
padding:.5em .25em;
text-align:center;
}
#chatbox_members{
border-right:1px solid #E4E5EC!important;
bottom:30px;
color:silver;
overflow:auto;
position:absolute;
top:30px;
width:180px;
text-align:center;
background-color:#efefef;
}
.chatbox .catBottom{
background-color:#E9EAF2;
}
#chatbox .msg{word-wrap: break-word;}
#help-button{
cursor:pointer;
font-weight:700;
margin-left:11px!important;
height:18px!important;
width:20px!important;
padding-top:2px!important;
}
#submit_button{
border:1px solid #AAA;
background:#DDD;
min-height:28px;
margin-left:-5px;
}
#submit_button:hover{
background-color:#4CB04F;
}
#chatbox_footer{
height:34px!important;
margin-top:-5px!important;
}
#message{
height:14px!important;
margin-top:-0px!important;
width:350px!important;
}
body.chatbox{
height:400px!important;
background-color:#EFEFEF!important;
z-index:997!important;
}
.tooltip1{
position:relative;
display:inline-block;
}
.tooltip1 .tooltiptext1{
visibility:hidden;
width:120px;
background-color:#DEE3E7;
color:#fff;
text-align:center;
border-radius:6px;
padding:4px;
padding-top:20px;
/* Position the tooltip */
position:absolute;
z-index:1;
border-top:40px solid #283EB8;
-webkit-box-shadow:0px 0px 1000px 1000px rgba(0,0,0,0.6);
-moz-box-shadow:0px 0px 1000px 1000px rgba(0,0,0,0.6);
box-shadow:0px 0px 1000px 1000px rgba(0,0,0,0.6);
opacity:0;
transition:opacity 0.7s;
}
.tooltip1:hover .tooltiptext1 {
  visibility: visible;
  height:80px;
  width:350px;
  margin-left:22px !important;
  margin-top:-17px;
  visibility: visible;
  opacity: 1;
  z-index:4 !important;
}
.tooltip1:hover a{
padding:5px;
text-decoration:none;
color:#333;
font-size:12px;
}
.tooltip1:hover a:hover{
color:#283EB8;
text-align:left !important;
}
.text1{
margin-top:-50px;
font-size:14px;
font-weight:700;
margin-bottom:40px;
}

div#plus_menu {
display:none !important;
}
.nouveau {
color: #333;
font-size: 11px;
font-weight: 700;
margin-top:-1px!important;
}
.nouveau:hover {
color: #283EB8;
}

table.forumline.noprint {
margin-bottom:5px;
}

div#info_open {
margin-bottom:5px;
}

.sprite-tabs_less {
    background: url(https://2img.net/i/fa/sprite_icons.png) no-repeat top left;
        background-position-x: left;
        background-position-y: top;
    background-position: -1327px 0;
    height: 9px;
    width: 9px;
margin-right:10px !important;
}
    /*ON IMPORTE LA LIBRAIRIE font-awesome*/
    @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
    /*ON SUPPRIME LES BORDURES DE LA TABLE FORUMLINE*/
    #M14_EDGE.forumline{margin-top:-15px; border:none;}
    /*ON SUPPRIMER LES BACKGROUND IMAGE DES BALISE TH*/
    #M14_EDGE.forumline .forum-block th{background-color:;}
    /*ON DONNE UNE COULEUR DE FOND AU LIGNE DE SUJETS*/
    #M14_EDGE.forumline .forum-block th,#M14_EDGE.forumline .forum-block td{padding:5px;background-color: #eee;}
    .M14_moreView,.M14_lessView,.M14_noneView{width: 20px;height: 20px;float:right;margin-top: 10px;cursor:pointer;}
    /*LES SABLIERS*/
    .M14_moreView:after{display:none;}
    .M14_lessView:after{display:none;}
    .M14_noneView:after{display:none;}
    /*ON DONNE UNE COULEUR DE FOND A LA CELLULE DE L ICONE*/
    .M14_icone{background-color:# !important;}
    /*ON DONNE UN STYLE AUX ICONES DE MESSAGES*/
    .M14_icone img[class^="number"]
    {
display:none;
    }

div.postbody {
padding:15px;
margin-left: 2.4%;
max-width:92% !important;
width:92% !important;
font-size: 12px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;

}
  .bulle{
            background-color : #ffffff;
            -moz-border-radius: 20px ;
            -webkit-border-radius:10px;
            -border-radius:10px;
            -khtml-border-radius:10px;
            padding : 10px;
            border-left:5px solid #fff;
            min-height : 70px;
-webkit-box-shadow: 2px 3px 9px -5px rgba(0,0,0,0.14);
-moz-box-shadow: 2px 3px 9px -5px rgba(0,0,0,0.14);
box-shadow: 2px 3px 9px -5px rgba(0,0,0,0.14);
  margin-left: -10px;
            }

.fleche::after {
    color: #fff;
    content: "◄";
    font-size: 22px;
    margin-left: -24px !important;
    margin-top: 30px;
    position: absolute;
    width: 22px;
    margin-bottom: -40px;
}

    /*Avatar citation*/
    img.M14_Img_Citation
    {
    height: 16px;/*hauteur de l avatar*/
    width: 16px;/*largeur de l avatar*/
    vertical-align: middle;/*on aligne l avatar*/
    margin-right:8px;/*on decale de la moitie de la largeur de l avatar*/
    border-radius: 16px;/*on arrondi l avatar*/
    }

.codebox dd {
    background-color: #ddfcde;
    border: solid 1px #efefef;
    margin: 0;
    padding: 6px;
    text-align:center;
}

button.button2, input.button2 {
    display: none;
}
#sceditor_smilies {
    background-color: #efefef;
    margin-left: 6px;
}
.row1 div#smileyContainer {
    margin-left: -24px !important;
    max-width: 172px;
    min-width: 172px;
    margin-top: 10px;
}

div#optionsitems_show {
display:none; !important;
}

#sceditor_smilies {
background-color: #efefef;
}

#sceditor_smilies #smilies_header {
    color: #333333;
    font-size: 11px;
    font-weight: 14;
    text-align: center;
    background-color: #efefef;
}

.sprite-tabs_more {
background: url(https://2img.net/i/fa/sprite_icons.png) no-repeat top left;
background-position-x: left;
background-position-y: top;
background-position: -1386px 0;
height: 9px;
width: 9px;
margin-left: -1px;
margin-top:3px;
}

.sceditor-button {
padding: 3px 4px !important;
}
.sceditor-container iframe, .sceditor-container textarea {
border:1px solid #ddd !important;
}
.sceditor-container textarea {
padding:5px!important;
}
.sceditor-container, .sceditor-container div, div.sceditor-dropdown, div.sceditor-dropdown div {
border: 0px !important;
}

input, select, textarea {
margin-right: 4px !important;
font-weight: 14;
padding: 5px;
padding-right: 7px;
color: #333;
border:1px solid silver !important;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

img#i_icon_pm {
opacity:0;
}

img#i_icon_pm::after {
opacity:1; !important;
content: "Click ici" !important;
color:#333333;
}

#profile-advanced-details dl dt {
    display: block;
    float: left;
    width: 115px;
}
.profile-title {
    color: #333;
}

td.catLeft, th.thLeft {
    border-width: 0 0 0 1px;
    background-color:transparent!important;
    border: 0px;
    border-bottom: 17.5px solid #efefef !important;
}

input.mainoption {
margin-right: 4px !important;
background-color:#333333;
font-weight: 14;
padding: 5px;
padding-right: 7px;
color: #fff;
border:0px!important;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

input.mainoption:hover {
background-color:#283EB8;
color:#fff!important;
}

input.liteoption {
margin-right: 4px !important;
background-color:#333333;
font-weight: 14;
padding: 5px;
padding-right: 7px;
color: #fff;
border:0px!important;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

input.liteoption:hover {
background-color:#283EB8;
}
.sujets {
    margin-left: 50px;
    margin-top: 50px !important;
    margin-bottom: -8px;
    margin-left: 30px;
}
.postdetails {
max-width: 90% !important;
}

.M14_Post_separat {
margin-bottom: 14px;
border-bottom: 5px solid #ddd;
margin-top:-7px;
}
.M14_Post_separat td {
margin-top:5px;
}

.sprite-arrow_subsilver_right {
display:none;
}

.sprite-arrow_subsilver_left {
display:none;
}

.avatardetails {
top:-10 !important;
position:absolute;
}
.avatarborder {
    background-color: #ddd;
    border-bottom: 30px solid #283EB8;
    margin-bottom: -35px;
    margin-left: 30px;
    max-height: 180px;
    max-width: 180px;
    min-height: 150px;
    min-width: 150px;
    padding: 20px 0px 4px;
    width:160px;
  margin-top: -5px;
}

.tooltipster-arrow-top span {
border-color:#333 !important;
}

.tooltipster-arrow-bottom span {
border-color:#333 !important;
}

.tooltip-actions {
background-color:#454545 !important;
}

a.tooltipstered {
  font-weight: bold;
}

td.hr {
margin-left:10px !important;
background:none !important;
display:none;
}

.post-options img {
    cursor: pointer;
    vertical-align: middle;
    margin-top: 40px !important;
}
.sprite-arrow_subsilver_up {
    background:none !important;
}

.sprite-arrow_subsilver_down {
    background:none !important;
}


#fa_toolbar #live_notif .fa_notification a {
text-decoration: underline !important;
vertical-align: baseline;
color:#ddd !important;
}

.fa_notification {
margin-top:65px !important;
right:20 !important;
background-color:#333 !important;
width:330px !important;
opacity:0.9 !important;
}

#fa_menulist {
position:absolute !important;
margin-top:34px !important;
background-color: #FFF;
border-top:34px solid #333!important;
border-bottom: 32px solid !important;
border:0px !important;
line-height: 22px;
list-style-type: none;
font-size:12px !important;
z-index: 999;
color:#333 !important;
width: 245px;
-webkit-box-shadow: 0px 0px 1000px 1000px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 1000px 1000px rgba(0,0,0,0.6);
box-shadow: 0px 0px 1000px 1000px rgba(0,0,0,0.6);
left:74% !important;
}
#fa_toolbar #fa_right #notif_list {
position:absolute !important;
margin-top:30px !important;
background-color: #FFF;
border-top:34px solid #333!important;
border:0px !important;
line-height: 20px;
list-style-type: none;
font-size:12px !important;
z-index: 999;
color:#333 !important;
width: 30%;
-webkit-box-shadow: 0px 0px 1000px 1000px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 1000px 1000px rgba(0,0,0,0.6);
box-shadow: 0px 0px 1000px 1000px rgba(0,0,0,0.6);
left:74% !important;
}
#fa_usermenu img {
    max-height: 80px;
    max-width: 80px;
    width: 120px;
}

#fa_menulist :link, #fa_menulist :visited {
    color: #333 !important;
}

#fa_toolbar a:hover {
    color: #283EB8;
}

#fa_welcome {
margin-top: -5px !important;
margin-bottom: -5px;
}

#fa_toolbar {
z-index:999 !important;
position: fixed;
background-color:transparent !important;
top:-31;
margin-left:-70px!important;
transition-delay: 2s;
}

#fa_right {
z-index:999 !important;
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
}

a#fa_hide {
display:none !important;
}

#fa_share {
display:none !important;
}

#fa_search {
display:none !important;
}

#fa_textarea {
display:none !important;
}

.row2,browse-arrows {
background-color:#EFEFEF !important;
}

.bodylinewidth {
float:left;
margin-left:0% !important;
min-width:1080px!important;
}

.browse-arrows {
opacity:1;
}

h1.cattitle {
font-size:14px !important;
font-family:arial !important;
text-align:center;
}

td.row1, td.row2 , td.row3.over {
background-color:#EFEFEF;
}
.post-options {
margin-top:-15px !important;
position:absolute;
margin-left:-110px;
background: none !important;
}

.post .name {
    font-family: arial;
    font-size: 14px;
    margin-top: 216px;
    position: absolute;
    text-align: center !important;
    width: 220px;
}

div.cattitle {
color:transparent !important;
}

.maintitle, .maintitle h1 {
display:none !important;
}

.maintitle, .maintitle h1 {
display:none !important;
}

td.catHead, th.thHead {
border-width:1px 0px 0 !important;
font-size:12px !important;
text-align:center;
width:100%;
height:34px !important;
background-color:#283EB8;
border-radius:0px 0px 0px 0px;
}

a.cattitle {
text-decoration:none;
color:#fff !important;
font-size:14px !important;
font-weight:700 !important;
letter-spacing:0px !important;
}

.cattitle {
text-decoration:none;
color:#fff !important;
font-size:14px !important;
font-weight:700 !important;
letter-spacing:0px !important;
}
a:link {
text-decoration:none !important;
}

a:visited {
text-decoration:none !important;
}

a {
text-decoration:none !important;
}

Sur mon forum dans le sélecteur de style elle est nommer CellSafari .

Hello Franck,
la version mobile ,n'étant pas du tout ma tasse thé ,
je préfère en rester la car trop compliqué a coder mon ami.
Il faut prendre en compte tous les types d'écran et voilà ce qui me freine!!!!

http://css.mammouthland.net/css3/media-queries.php
https://developer.mozilla.org/fr/docs/Web/CSS/Requ%C3%AAtes_m%C3%A9dia/Utiliser_les_Media_queries

ReSalut PHil , je comprend par contre entre les branches j'ai entendu dire que safari
utilisais une résolution de 980px serait-il possible de tenter de faire un script
pour ces dimension ? ou ce n'est pas possible ?

Non Franck, aucun navigateur utilise une résolution précise,
il s'adapte suivant la C.S.S déposée dans ta feuille de style tout simplement.

Je comprend Phil , cependant comment ce fait-il que la version Cell que j'ai fait pour Chrome ou autres fonctionne #1 ? C'est intrigueant non ? Seul safari ouvre les page en coin mais le reste du rendu est impeccable .
J'aimerais juste comprendre le pourquoi safari éprouve ce problème mais pas les autre cell !!! Dans le fond seul les iPhone utilise safari . Merci de ta réponse Phil .

Safari et propre à Apple , donc difficile de te répondre Franck vu que je tourne sous Windows.
Ensuite, tu utilises le même support pour naviguer avec Safari

Je suis pas sur de comprendre Phil mais je te fait confiance que c'est compliquer tout sa
il semblerais que ce soit le fait que sur mon astuce pour Cell autre que Apple sa fonctionne
puisque la version ordinateur est disponible sur les cellulaires autre que Apple donc iphone
et que du coup les dimension sont prit en contre . J'ai fait une version pour Cell et une pour Cell Safari qui s'affiche très bien mais fait défaut lorsqu'on ouvre une nouvelle page puisqu'elle zoom en coin donc faut toujours dézoomer . Nous ferons avec puisque j'ai trouver
nul pars une astuce disponible pour mon problème est tu es le seul expert que je connais :) .
Un gros merci et une bonne fin de soirée pour toi mon cher .

Hum, désolé mais sur ce point je ne pourrais pas te dire quoi que ce soit car
je n'ai jamais cherché a évoluer sur la css des Cell.
En plus ton soucis à priori serait propre à ton forum car il n'y a pas de raison que cela change d'aspect sur une ouverture de page Franck.

Bonne fin de soirée à toi car il commence a faire tard chez toi non

Un gros merci Phil , je te souhaite une belle fin de journée !!!
à la prochaine .

De rien Franck,
merci, bonne fin de journée à toi aussi.