Problème avec l'affichage dans les Derniers Messages

[Sasuk]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://becraft-island.fr1.co/

Description du problème

Salut, comme vous pouvez voir dans le screens les textes ecrit dans "Derniers Message" ne ce trouve pas dans le cadre, il sont décalé.

Merci de votres aides.

Voici les templates de mon index_Box:

Code:

<!-- BEGIN catrow -->
 <!-- EGIN tablehead -->
 <div class="borderwrap">
 <div class="maintitle floated clearfix">
 {catrow.tablehead.L_FORUM}
 <div class="coBntract" id="b{catrow.tablehead.ID}" onclick="toggleCategory('{catrow.tablehead.ID}');">
 &nbsp;&nbsp;&nbsp;
 </div>
 </div>

 <table cellpadding="0" cellspacing="0" id="{catrow.tablehead.ID}" class="ipbtable index-box">
 <thead>
 <tr>
 <th class="forum">{L_FORUM}</th>
 <th class="topics">{L_TOPICS}</th>
 <th class="replies">{L_POSTS}</th>
 <th class="last post-info">{L_LASTPOST}</th>
 </tr>
 </thead>
 <tfoot>
 <tr>
 <td colspan="4">

 </td>
 </tr>
 </tfoot>
 <tbody>
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <tr>
 <td class="row2 icon" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
 <span class="status clearfix" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icon" />
 </span>
 <div class="par forum-name">
 <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
 <p class="forum-desc">{catrow.forumrow.FORUM_DESC}</p>
 </div>
 <!-- BEGIN switch_moderators_links -->
 <div class="mods">
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 </div>
 <!-- END switch_moderators_links -->
 <p>
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 </p>

 </td>
 <td class="row1 centered">{catrow.forumrow.TOPICS}</td>
 <td class="row2 centered">{catrow.forumrow.POSTS}</td>
 <td class="row1">

                        <!-- BEGIN avatar -->
                        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                        <!-- END avatar -->

 <span>
 <!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->
 {catrow.forumrow.USER_LAST_POST}
 </span>
 </td>
 </tr>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </tbody>
 </table>
 </div>
 <br />
 <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<div class="toplinks linklist clearfix">
 <ul>
 <!-- BEGIN switch_delete_cookies -->
 <li><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
 <!-- END switch_delete_cookies -->
 <!-- BEGIN switch_user_logged_in -->
 <li class="last"><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
 <!-- END switch_user_logged_in -->
 </ul>
</div>
<!-- END switch_on_index -->

[Feuilla']

Bonjour,
on peut sûrement régler le problème par la Feuille de style CSS.
allez dans Panneau d'administration → Affichage → Images et Couleurs → Couleurs → Feuille de style CSS, puis collez ceci :

Code:

td.row1 {margin-left:XXpx}

Il faut remplacer "XX" par un nombre, plus il sera grand moins il y aura de zone décalée (attention ne mettez pas un trop grand nombre quand même, car sinon la partie risque de déborder ).
Bonne journée !

[Sasuk]

Pour commencer merci de ta réponse,

J'ai coler le code et essayer plusieurs valeur que j'ai mis à la place de "XX" et aucun changement n'est apparu.

[Feuilla']

Re,

Pour commencer merci de ta réponse,

J'ai coler le code et essayer plusieurs valeur que j'ai mis à la place de "XX" et aucun changement n'est apparu.

pourtant cela fonctionne, car je le vois mieux aligné que tout à l'heure :

Peut-être ce sujet peut régler le problème :
https://forum.forumactif.com/t177493-vider-le-cache-internet
Bonne journée !

[Sasuk]

Re,

Donc j'ai fait le rafraichissement et rien ne ce passe, j'ai également demander a mon associée de faire de même cher lui et il me dit qu'il n'y a aucun changement.

Lui utilise chrome et moi firefox.

Merci bien à vous.

[Feuilla']

Re-Bonjour,
je vois maintenant la colonne décalée (en effet). Mais en même temps, je ne vois pas le code non plus !
S'il vous plaît réessayez de le remettre :

Code:

td.row1 {margin-left:XXpx}

Bonne journée !

[Sasuk]

Voilà, je vien de mettre une valeur de 50 aucun changement sur mon téléphone comme sur pc.

Encore merci beaucoup pour votre patience et votre aide.

[Sasuk]

Re,

Ou si il y'a simplement moyen de modifié ou de retirer/remplacé l'image derrière pour ne pas voir le décalage Merci

[Invité]

bonjour , pour adapter les images ,comme il y a 2 images

le 1er code a ajouter >>

Code:

.borderwrap table {
  background-size: contain;
}

le 2eme code a ajouter >>

Code:

TABLE.ipbtable TFOOT TD {
  background-size: cover;
}

pour regler la marge du dernier message ,
enlever le code de feuilla

Code:

td.row1 {margin-left:XXpx}

il ne sert a rien !!!


ensuite remplacé votre template par celui ci >>

Code:

<!-- BEGIN catrow -->
 <!-- EGIN tablehead -->
 <div class="borderwrap">
 <div class="maintitle floated clearfix">
 {catrow.tablehead.L_FORUM}
 <div class="coBntract" id="b{catrow.tablehead.ID}" onclick="toggleCategory('{catrow.tablehead.ID}');">
 &nbsp;&nbsp;&nbsp;
 </div>
 </div>
 
 <table cellpadding="0" cellspacing="0" id="{catrow.tablehead.ID}" class="ipbtable index-box">
 <thead>
 <tr>
 <th class="forum">{L_FORUM}</th>
 <th class="topics">{L_TOPICS}</th>
 <th class="replies">{L_POSTS}</th>
 <th class="last post-info">{L_LASTPOST}</th>
 </tr>
 </thead>
 <tfoot>
 <tr>
 <td colspan="4">
 
 </td>
 </tr>
 </tfoot>
 <tbody>
 <!-- END tablehead -->
 
 <!-- BEGIN forumrow -->
 <tr>
 <td class="row2 icon" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
 <span class="status clearfix" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icon" />
 </span>
 <div class="par forum-name">
 <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
 <p class="forum-desc">{catrow.forumrow.FORUM_DESC}</p>
 </div>
 <!-- BEGIN switch_moderators_links -->
 <div class="mods">
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 </div>
 <!-- END switch_moderators_links -->
 <p>
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 </p>
 
 </td>
 <td class="row1 centered">{catrow.forumrow.TOPICS}</td>
 <td class="row2 centered">{catrow.forumrow.POSTS}</td>
 <td class="row1" align="center">
 
                        <!-- BEGIN avatar -->
                        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                        <!-- END avatar -->
 
 <span>
 <!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->
 {catrow.forumrow.USER_LAST_POST}
 </span>
 </td>
 </tr>
 <!-- END forumrow -->
 
 <!-- BEGIN tablefoot -->
 </tbody>
 </table>
 </div>
 <br />
 <!-- END tablefoot -->
<!-- END catrow -->
 
<!-- BEGIN switch_on_index -->
<div class="toplinks linklist clearfix">
 <ul>
 <!-- BEGIN switch_delete_cookies -->
 <li><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
 <!-- END switch_delete_cookies -->
 <!-- BEGIN switch_user_logged_in -->
 <li class="last"><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
 <!-- END switch_user_logged_in -->
 </ul>
</div>
<!-- END switch_on_index -->

bon dimanche

[Lixyr]

..	Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

..	Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

[Sasuk]

Bonjour, R-max

J'ai donc effectué les 3 première étape avec succès,l'apparence c'est modifier encore merci.

En ce qui concerne le template j'ai donc essayer de modifier celui de lndex-box et un message d'erreur s'affiche:La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte

Encore merci pour votre aide.

[Invité]

dans votre message initial en début de poste ,vous avez fournie le Template complet ou juste une partie ,
ps:>> je n'est modifier qu'une seule ligne , l'erreur n'est surement pas a cause de cela ..

si vous avez fournie qu'une partie , merci alors de fournir le Template complet , pour le modifier ,

[Sasuk]

Je pense avoir fournie le template index_Box complet mais le revoilà au cas ou, merci

Code:

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
   <div class="borderwrap">
      <div class="maintitle floated clearfix">
         {catrow.tablehead.L_FORUM}
         <div class="contract" id="b{catrow.tablehead.ID}" onclick="toggleCategory('{catrow.tablehead.ID}');">
            &nbsp;&nbsp;&nbsp;
         </div>
      </div>

      <table cellpadding="0" cellspacing="0" id="{catrow.tablehead.ID}" class="ipbtable index-box">
         <thead>
            <tr>
               <th class="forum">{L_FORUM}</th>
               <th class="topics">{L_TOPICS}</th>
               <th class="replies">{L_POSTS}</th>
               <th class="last post-info">{L_LASTPOST}</th>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan="4">

               </td>
            </tr>
         </tfoot>
         <tbody>
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <tr>
               <td class="row2 icon" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                  <span class="status clearfix" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                     <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icon" />
                  </span>
                  <div class="par forum-name">
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <p class="forum-desc">{catrow.forumrow.FORUM_DESC}</p>
                  </div>
                  <!-- BEGIN switch_moderators_links -->
                  <div class="mods">
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                  </div>
                  <!-- END switch_moderators_links -->
                  <p>
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </p>

               </td>
               <td class="row1 centered">{catrow.forumrow.TOPICS}</td>
               <td class="row2 centered">{catrow.forumrow.POSTS}</td>
               <td class="row1">

                        <!-- BEGIN avatar -->
                        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                        <!-- END avatar -->

                  <span>
                  <!-- BEGIN switch_topic_title -->
                  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                  <!-- END switch_topic_title -->
                  {catrow.forumrow.USER_LAST_POST}
                  </span>
               </td>
            </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
         </tbody>
      </table>
      </div>
      <br />
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<div class="toplinks linklist clearfix">
   <ul>
      <!-- BEGIN switch_delete_cookies -->
      <li><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
      <!-- END switch_delete_cookies -->
      <!-- BEGIN switch_user_logged_in -->
      <li class="last"><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
      <!-- END switch_user_logged_in -->
   </ul>
</div>
<!-- END switch_on_index -->

Merci bien à vous.

[Invité]

re , remplacé donc par celui ci

Code:

<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
  <div class="borderwrap">
      <div class="maintitle floated clearfix">
        {catrow.tablehead.L_FORUM}
        <div class="contract" id="b{catrow.tablehead.ID}" onclick="toggleCategory('{catrow.tablehead.ID}');">
            &nbsp;&nbsp;&nbsp;
        </div>
      </div>
 
      <table cellpadding="0" cellspacing="0" id="{catrow.tablehead.ID}" class="ipbtable index-box">
        <thead>
            <tr>
              <th class="forum">{L_FORUM}</th>
              <th class="topics">{L_TOPICS}</th>
              <th class="replies">{L_POSTS}</th>
              <th class="last post-info">{L_LASTPOST}</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
              <td colspan="4">
 
              </td>
            </tr>
        </tfoot>
        <tbody>
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
            <tr>
              <td class="row2 icon" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                  <span class="status clearfix" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icon" />
                  </span>
                  <div class="par forum-name">
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <p class="forum-desc">{catrow.forumrow.FORUM_DESC}</p>
                  </div>
                  <!-- BEGIN switch_moderators_links -->
                  <div class="mods">
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                  </div>
                  <!-- END switch_moderators_links -->
                  <p>
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </p>
 
              </td>
              <td class="row1 centered">{catrow.forumrow.TOPICS}</td>
              <td class="row2 centered">{catrow.forumrow.POSTS}</td>
              <td class="row1" align="center">
 
                        <!-- BEGIN avatar -->
                        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                        <!-- END avatar -->
 
                  <span>
                  <!-- BEGIN switch_topic_title -->
                  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                  <!-- END switch_topic_title -->
                  {catrow.forumrow.USER_LAST_POST}
                  </span>
              </td>
            </tr>
  <!-- END forumrow -->
 
  <!-- BEGIN tablefoot -->
        </tbody>
      </table>
      </div>
      <br />
  <!-- END tablefoot -->
<!-- END catrow -->
 
<!-- BEGIN switch_on_index -->
<div class="toplinks linklist clearfix">
  <ul>
      <!-- BEGIN switch_delete_cookies -->
      <li><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
      <!-- END switch_delete_cookies -->
      <!-- BEGIN switch_user_logged_in -->
      <li class="last"><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
      <!-- END switch_user_logged_in -->
  </ul>
</div>
<!-- END switch_on_index -->

effectivement il y avait une erreur dans l'autre que je vous est rendu modifier .

bonne soirée ,

[Sasuk]

Re,

Merci beaucoup,

[Invité]

humm, je vient de voir que vous avez rajouter une image aussi en haut , elle n'y était pas hier ?

ajouté ces codes ,car elle n'est pas ajusté comme il faut

Code:

div.maintitle {
    background-repeat: no-repeat;
    background-size: cover;
  }

et

Code:

DIV.maintitle {
  padding-top: 30px!important;
    }

bonne nuit ,

[Sasuk]

Merci beaucoup ^^