Problème d'affichage des messages

[kiarie]

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://www.life-in-ny.com

Description du problème

Bonjour,

Je viens vous voir ce soir pour un problème que vraiment je ne comprends pas et qui est totalement illogique!

Je viens de changer la version de mon forum, version testé sur un autre ou tout allait bien. Mais sur mon forum, dans certains sujets comme la dans le flood, les profil ne s'affiche pas bien du tout, sont totalement déformé comme vous pouvez le voir dans la capture d'écran.

Mais ce que je ne comprends pas c'est que déjà ce n'est pas toujours le cas d'un sujet a l'autre (la plus part s'affiche très bien) mais en plus ça ne concerne pas qu'un personnage. De ce que j'ai pu regarder jusqu'ici, le souci n'apparait qu'avec Albert Jagger (mon personnage) mais pas toujours! La plus part de mes sujets s'affiche très bien et chose totalement illogique, j'ai regardé des sujets que j'avais avec un autre personnage exclusivement, certains s'affiche très bien et d'autres non.

Donc voila je suis totalement perdu et ne comprends pas ce souci. Il ne semble avoir lieu que vous Chrome, navigateur que j'utilise presque exclusivement et voit du coup toujours mes codes par rapport a lui.

Merci d'avance ... u.u

[winatickets]

Bonjour

A tu essayer de vider le cache de chrome, sinon à tu pensez à redimensionner ton avatar

amicalement serge

[kiarie]

Bonjour,

Je viens de vider le cache sans résultat. Pour l'avatar il est déjà a la taille du forum. Le problème n'apparaît que sur certaines pages, sur d'autres tout s'affiche correctement.

[kiarie]

Petit Up svp

[demeter1]

Un lien d'une page beuguée et accessible en tant qu'invité serait une bonne information à donner.

[kiarie]

En voila une http://www.life-in-ny.com/t485p725-floudinou#27230

[kiarie]

Toujours d'actualité, merci pour votre aide

[kiarie]

Bonjour,

Je cherche encore de l'aide pour mon problème

J'ai l'impression que le souci n’apparaît plus sur les nouveaux sujet crée mais j'aimerais tout de même savoir pourquoi certaine page comme le flood sont bugé.

[kiarie]

Bonjour,

samedi j'ai ouvert avec ma partenaire de rp ce sujet qui jusqu'ici s'affichait très bien. Puis a partir du moment ou nous sommes passé a la 2e page, l'affichage c'est déformé et ce sur les deux pages.

[kiarie]

Bonjour,

Mon forum s'affiche toujours n'importe comment au niveau des profil de messages.

[Neptunia]

Bonjour ^^

Pas de souci sous Firefox mais je reproduis le problème sur Comodo Dragon (dérivé de Chromium)

Le code généré n'est pas le même selon le navigateur mais je pense que vous avez oublié de refermer la balise image de l'avatar

En revanche ce que je ne m'explique pas non plus c'est que le problème ne se présente pas partout.

Sinon, une autre piste, j'ai remarqué que votre avatar avait une URL très longue. Essayez de le ré-héberger pour avoir un lien plus court.

---

Edité :

samedi j'ai ouvert avec ma partenaire de rp ce sujet qui jusqu'ici s'affichait très bien. Puis a partir du moment ou nous sommes passé a la 2e page, l'affichage c'est déformé et ce sur les deux pages.

Troisième piste :
Auriez-vous un exemple de sujet d'une seule page (visible en invité) où le problème est visible ?
Dans la négative, il faudrait regarder dans votre template du côté des blocs de pagination.

[kiarie]

Bonjour et merci de vous pencher sur mon problème.

J'avoue ne pas être très douée dans les code de templats donc ne serais pas dire s'il y a un soucis ou non. Le voici pour plus de détail


Le code commande vers la ligne 66.
Pou l'avatar j'ai fais le teste sur un autre forum et ça fait pareil.
Et non a ma connaissance je n'ai pas vu de sujet d'une seul page ayant le soucis.

[Neptunia]

Essayez de mettre cet avatar à la place de l'URL existante :

Code:

http://i.imgur.com/at5Z3Ts.png

Sinon, j'ai survolé le template et je n'ai rien vu d'anormal.

[kiarie]

C'est fait mais ça ne change malheureusement rien

EDIT// Ah en fait si! Dans mon sujet de rp ça a remit correctement mais est toujours déformé dans le flood donc peut être a cause des avatars des autres.

Mais ce qui est étrange c'est que pour ma part j'avais déjà cette avatar (avec son long url) avant et qu'il n'y avait pas de déformation.

EDIT 2// Ah en fait non x) je me suis trompé de sujet, j'ai regardé un ou on était toujours a la 1er page

[Neptunia]

J'ai réussi à limiter les endroits où chercher.

En forçant les templates par défaut, le souci disparait.
Le hic est que de mon côté c'est soit tous les templates, soit aucun. Il faudrait donc que vous sauvegardiez le template viewtopic_body, le supprimiez pour voir ce que ça donne, et remettre votre template en place.

Si le souci vient bien de ce template, le code CSS concernant les sujets sera utile.

---

Au cas où le problème viendrait du viewtopic_body, quelques pistes à explorer (en dehors du CSS)

- Utilisateurs > Options des utilisateurs > Autoriser les signatures : Non
- Utilisateurs > Profil > Champs de profil et de contact > Décocher messages sur tous les champs puis les recocher un par un
- Modules > Jeux de rôle > Gestion des champs > Même chose pour les champs de la feuille de personnage

Ce qui me tracasse dans ces 3 pistes, c'est que je ne vois pas pourquoi ça ne poserait souci que sur des sujets de plusieurs pages.

Dernière idée, désactiver le javascript (mais me semble que j'avais déjà essayé plus tôt)

[kiarie]

Bonjour,

Alors j'ai supprimé le templat et le profil se remet correctement a sa taille. Voici le css


J'ai décoché les signatures, les champs de profil et contact, la fiche de jeu de role, a aucun moment ça n'a changé quelque chose une fois le templat remit en place. Pareil pour le JS

[Neptunia]

Je ne pourrais pas procéder aux tests de mon côté parce que j'ai un week-end chargé et surtout je rame un maximum avec Chromium et ses dérivés.

Afin de cibler encore davantage d'où vient le souci, supprimez le CSS ci-dessus. Si le problème disparait pas besoin d'aller dans le template. Remettez alors le css par étapes jusquà trouver le bloc fautif.

---

Concernant le template que j'avais survolé, j'avais remarqué que vous faisiez usage de la balise <center> :

1/ Cette balise est obsolète et mieux vaudrait prendre l'habitude de ne plus l'utiliser (en passant par la feuille CSS ou en incluant directement un style dans le code HTML)
Balise <center> - Mozilla Developer Network

2/ Cette balise est de type bloc. On ne met jamais d'éléments de bloc à l'intérieur d'un d'élément en-ligne.

On peut insérer un span dans une div, mais pas l'inverse.

Un extrait de votre template que j'ai réaménagé pour mieux comprendre visuellement.

Code:

   <span class="postdetails poster-profile">
      <center>{postrow.displayed.POSTER_RANK}</center>
      <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span></center>
      <div class="points"></div>
      <br>
      <div class="opacity"><span class="posterava"></span></div>

La ligne 6 contient un élément bloc (div) incluant un élément en-ligne (span) -> Ok
La ligne 3 contient un élément bloc (center) incluant un élément en-ligne (span) -> Ok
Mais la ligne 1 ouvre un élément en-ligne qui ne contient que des éléments de type bloc, et là on a deux problèmes qui peuvent chacun expliquer la différence de rendu entre familles de navigateurs.

-> La balise <center> n'étant plus un élément standard, chaque navigateur est libre de l’interpréter comme bon lui semble. Un exemple marquant les <marquee> que Chrome a cessé de supporter début 2015.
-> Le code incorrect, là encore, à partir du moment où l'on produit du code erroné, chaque famille de navigateurs va utiliser sa propre méthode pour tenter de corriger nos "boulettes". Là, un exemple pertinent serait l'éditeur de nos panneaux d'administration qui corrige comme il peut nos codes qui lui semblent incorrecst et le résultat est souvent désastreux.

---

En résumé, commencez par "nettoyer" le code de votre template. L'unique moyen d'empêcher un navigateur de n'en faire qu'à sa guise est de lui fournir un code respectant les standards.

[kiarie]

J'ai tenté d'enlever le css mais ça déforme encore plus. le pseudo s'affiche entièrement a coté de l'avatar quand actuellement il n'y a que le prénom.

Pour ce qui est de corriger mon code le soucis c'est que vraiment je ne connais que les bases du codage et les templats c vraiment compliqué pour moi. Je sais placé quelque div ou autre mais apparemment mal du coup! Je ne comprends pas comment je peux changé mes <center> enfin quel balise utilisé qui correspond au endroit ou j'en ai mis.

[Neptunia]

Je ne comprends pas comment je peux changé mes <center> enfin quel balise utilisé qui correspond au endroit ou j'en ai mis.

L'un des liens que j'ai fourni plus haut donne des exemples de remplacement.

Vous pouvez remplacer :

Code:

<center>Contenu</center>

par :

Code:

<div align="center">Contenu</div>

---

ou bien par ce code HTML :

Code:

<div class="nigochnidroite">Contenu</div>

complété par ce code CSS :

Code:

.nigochnidroite {
  text-align: center;
}

---

Pour ce qui est de la mauvaise imbrication de certaines balises et pour reprendre l'exemple donné plus haut vous pourriez au choix :
- Remplacer le span de la ligne 1 par une div
- Remplacer chacun des blocs center et div par des éléments en-ligne (span par exemple)

[kiarie]

Je ne suis pas sur d'avoir tout compris mais j'ai fais ça

[kiarie]

Petit up

[kiarie]

le probleme persiste, si quelqu'un a une idée u.u

[MlleAlys]

Bonjour,
Je me penche sur le sujet (sans garantie de solution...), serait-ce possible d'avoir le template et le css dans leur état actuel ?

[kiarie]

Bonsoir,

Oui bien sur les voici,

[MlleAlys]

le profil est la seule chose qui a été modifiée dans le template ?

[kiarie]

normalement de souvenir oui.

[MlleAlys]

ah non, la ligne des flèches de navigation aussi et l'entête posteur / message !

Essayez de remplacer votre template par le suivant :

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }
   
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

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 -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>      
      <td class="nav" valign="middle" width="100%">
         <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
      </td>      
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
         </span>
         <!-- END switch_twitter_btn -->
         
         <!-- BEGIN switch_fb_likebtn -->         
         <script>(function(d, s, id) {
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
           js = d.createElement(s); js.id = id;
           js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));</script>   
         <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
         <!-- END switch_fb_likebtn -->
         
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            &nbsp;|&nbsp;
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</td>
               <td align="center" class="t-title">
                  <h1 class="cattitle">{TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</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" style="height:0; padding:0;"></th>
      <th class="thRight" nowrap="nowrap" colspan="2" style="height:0; padding:0;"></th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
   <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">
         <div class="vava">
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="points" align="center">
                                  <span class="vava_online">
                                          {postrow.displayed.ONLINE_IMG}
                                  </span>
                                  <div class="name">
                                    {postrow.displayed.POSTER_AVATAR}
                                    <br/>{postrow.displayed.POSTER_NAME}
                                  </div>
            </div>
            <div class="postdetails poster-profile points">
               <!-- BEGIN profile_field -->
               {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
               <!-- END profile_field -->
            </div>
            <div class="postdetails poster-rpg points">
               {postrow.displayed.POSTER_RPG}
            </div>
            <div class="poster-contact" align="center">
               {postrow.displayed.PROFILE_IMG}
               {postrow.displayed.PM_IMG}
               {postrow.displayed.EMAIL_IMG}
               <!-- BEGIN contact_field -->
               {postrow.displayed.contact_field.CONTENT}
               <!-- END contact_field -->
            </div>
         </div>
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</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>
               <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>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" 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>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </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">
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" align="center">
         <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>      
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>

<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="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</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"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</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 -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</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">&nbsp;{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">&nbsp;{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 -->
         »&nbsp;<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">&nbsp;{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>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

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

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<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">&nbsp;</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 -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Ajoutez au css de .vava les propriétés width: 220px; et overflow: hidden; ce qui donne :

Code:

.vava {
  background-color: #f0e2c4;
  border: 2px solid #94785b;
  box-shadow: 0px 0px 5px #94785b;
  margin: 5px;
  padding: 5px;
  width: 220px;
  overflow: hidden;
}

Est-ce que ça change quelque chose ?

[kiarie]

Owiii!! C'est bon ça a réglé le probleme! Merci infiniment!

Quel était le soucis alors?

[MlleAlys]

A vrai dire, je n'en sais trop rien ! ^^"
ça ne venait pas du profil lui même en tout cas, du coup j'ai repris le template de base et refait les modifs en modifiant au strict minimum la structure du tableau (donc plus des déplacements que des modifs en fait)
Peut être une histoire de colspan, mais ça me semblait correct quand j'ai vérifié, alors un truc du même genre...
Les deux lignes de code css supplémentaire, c'est plus une assurance qu'autre chose, comme ça on est sûr que le profil ne déformera pas le tableau.
Bon en tout cas le principal c'est que ce soit réglé !
N'oubliez pas de passer le sujet en résolu

[kiarie]

D'accord bien je vais resté sur ça x)

J'ai juste un soucis avec une des lignes en point de séparation, elle reste collé a la feuille de rôle. J'ai pu faire un espace avec <br /> pour le pseudo et les contacte mais elle je n'arrive pas a la faire sauté d'une ligne.


EDIT// En fait c'est bon j'ai réglé le souci avec un padding dans le css

Merci beaucoup pour votre aide encore une fois