Problème d'affichage du profil

[polosven]

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
Problème apparu depuis : bug d'un code
Lien du forum : http://hssup.forumactif.org

Description du problème

Bonjour à tous,

(J'ai du me recréer un compte car quelqu'un m'a déjà supprimé ce message deux fois d'affilés sans me donner de raison... je ne comprends pas...Je pense que quelqu'un a piraté mon ancien compte Valendium.)

De plus, il y a eu un bug, vu que ce message a été envoyé sur "Problème avec un script, un code" et "Gérer l'apparence de son forum" en même temps. J'ai l'impression que forumactif est contre moi aujourd'hui...

Voila, je rencontre à nouveau un problème d'affiche vraiment embêtant.
Sur 80% de mon forum, l'affichage du profil se fait correctement :

Spoiler:

Mais dans les 20% qu'il reste, voici ce que ça donne :

Spoiler:

Comme vous pouvez le constater, le profil s'affiche trop à gauche, dans le cadre alors qu'il devrait se trouver comme dans la première image en dehors du grand cadre...

Pouvez-vous m'aider, s'il vous plaît?

Voici mon code HTML viewtopic_body :

Code:

      $('.addthis_button').mouseup(function(){
          if ($('#at15s').css('display') == 'block') {
            addthis_close();
            addthis_close();
          }
      });
    });
    //]]>
    </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> 
            <!-- 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"><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="bottom" nowrap="nowrap" width="100%">
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
            <span class="gensmall bold">
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                |
                <script type="text/javascript">
                //<![CDATA[
                insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
            </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"> </td>
                  <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> {TOPIC_TITLE}</h1></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <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="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- BEGIN postrow -->
    <!-- BEGIN displayed -->
      <tr class="post">
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
     
          <div style="margin-left:-320px;">
           
          <div class="profilentour">  <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
      <span class="postdetails poster-profile">
        <a name="{postrow.displayed.U_POST_ID}"></a><center>{postrow.displayed.POSTER_AVATAR} <div style="font-size: 33px;font-family: 'Amatic SC', sans-serif;letter-spacing: -1px;margin-top:-70px;">{postrow.displayed.POSTER_NAME}</div></div></span></span>
                        <div style="margin-left:40px;">
             
              <div style="height:81px;width:121px;margin-top:-9px;margin-left:-20px;"> {postrow.displayed.RANK_IMAGE}  </div>
          <div>
            <link href='http://fonts.googleapis.com/css?family=Tahoma' rel='stylesheet' type='text/css'>
           
            <div id="fondprofil2"><!-- BEGIN profile_field -->
             
              <span style="font-size:10px;line-height:10px;text-align:center;" class="profil_mess">
             
             
             
       
      <span style="text-align:left;"> {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
              <!-- END profile_field --></div><img src="http://img11.hostingpics.net/pics/397666oiseau22.png" alt="" style="width: 250px;" />
             
              </div>

                {postrow.displayed.POSTER_RPG}
    </div>
    <div id=""></div><br />
            <img src="http://2img.net/i/fa/empty.gif" alt="" style="width: 150px; height: 1px;" />
   
           
           


          </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}  <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}" />

                                    <!-- 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>
                        <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                        </div>

                      </div>
                      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <tr>
          <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">
                      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN first_post_br -->
    </table>
    <br />
    <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 -->
      <!-- BEGIN hidden -->
      <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
      <!-- 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"> </td>
                  <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>

    <table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
      <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 -->
      <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> 
                <!-- 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>
          <!-- BEGIN viewtopic_bottom -->
          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
          <!-- END viewtopic_bottom -->
          <!-- 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}" />
                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <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 type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js"></script>

Et voici le CSS qui lui est associé :

Code:

/*PROFIL*/


.postdetails.poster-profile img {margin-bottom:-3px;padding-top:20px;padding-bottom:80px;padding-left:10px;padding-right:10px;width:230px;
 transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;background-color:#EBE6D6;box-shadow: 0px 3px 5px #cdcdcd;}


#fondprofil2 {
position:relative;
background-color: #EBE6D6;
font-size: 22px; font-family:'tahoma';  font-style: italic ;
border-spacing: 2px;
width: 230px;
  padding-left:18px;
  box-shadow: 0px 3px 5px #cdcdcd;
}

#fondprofil {
position:relative;
background-color: #EBE6D6;
font-size: 22px; font-family:'tahoma';  font-style: italic ;
border-spacing: 2px;
width: 230px;
  margin-left:-320px;
  padding-left:18px;
  box-shadow: 0px 3px 5px #cdcdcd;
}



.profil_mess img {
width : 212px;


  padding-top:5px;
  padding-bottom:5px;
}

Merci d'avance et bonne fin de journée! :)

[[Nihil]]

Effectivement c'est bizarre. Ptet lié ça ? Bug : les derniers messages disparaissent, ...
Du coup bah je te copies / colle la réponse que j'avais mise

Hello

Tout se joue dans cette partie là :

Code:


<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 
          <div style="margin-left:-320px;">
       
          <div class="profilentour">  <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
      <span class="postdetails poster-profile">
        <a name="{postrow.displayed.U_POST_ID}"></a><center>{postrow.displayed.POSTER_AVATAR} <div style="font-size: 33px;font-family: 'Amatic SC', sans-serif;letter-spacing: -1px;margin-top:-70px;">{postrow.displayed.POSTER_NAME}</div></div></span></span>
                        <div style="margin-left:40px;">
         
              <div style="height:81px;width:121px;margin-top:-9px;margin-left:-20px;"> {postrow.displayed.RANK_IMAGE}  </div>
          <div>
            <link href='http://fonts.googleapis.com/css?family=Tahoma' rel='stylesheet' type='text/css'>
       
            <div id="fondprofil2"><!-- BEGIN profile_field -->
         
              <span style="font-size:10px;line-height:10px;text-align:center;" class="profil_mess">
         
         
         
   
      <span style="text-align:left;"> {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
              <!-- END profile_field --></div><img src="http://img11.hostingpics.net/pics/397666oiseau22.png" alt="" style="width: 250px;" />
         
              </div>
 
                {postrow.displayed.POSTER_RPG}
    </div>
    <div id=""></div><br />
            <img src="http://2img.net/i/fa/empty.gif" alt="" style="width: 150px; height: 1px;" />
 
       
       
 
 
</td>


Il y a un problème avec tes balises :
♦ Une balise qu'on ouvre doit être fermée ^___^
♦ Les balises doivent être ouvertes et fermées dans le bon ordre.
Exemple de code non correct :

<div> Totototot <span> Lalalaal </div> </span>

En correct cela devrait donner ceci :

<div> Totototot <span> Lalalaal </span> </div>

Dans cette partie là de ton template il y a des balises non fermée + des problèmes dans l'ordre d'ouverture et de fermeture ^___^.

Essaye de voir si tu arrives à régler cela avec ces informations et au pire on nettoiera ensemble ton template si tu ne t'en sors pas trop

[Banane the monkey]

EDIT 4: Bon voila, j'ai fait du mieux que j'ai pu (j'ai déjà essayé de plein de façon différentes), mais ça revient toujours au même...

Voici le nouveau problème :

Spoiler:

Voici mon HTML modifié (la partie que vous m'aviez montrée) :

Code:

  <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top"width="150">

      <div style="margin-left:-310px;">
       
<div class="profilentour"> 

<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>

<span class="postdetails poster-profile">

<a name="{postrow.displayed.U_POST_ID}"></a>

<center>{postrow.displayed.POSTER_AVATAR}

<div style="font-size: 33px;font-family: 'Amatic SC',sans-serif;letter-spacing: -1px;margin-top:-70px;">{postrow.displayed.POSTER_NAME}</div>

  </div> 
 
  <div style="margin-left:12px;"> <div style="height:81px;width:121px;margin-top:-9px;"> {postrow.displayed.RANK_IMAGE}</div>
 </div>
 
<link href='http://fonts.googleapis.com/css?family=Tahoma' rel='stylesheet'type='text/css'>
</div>
<!-- BEGIN profile_field -->
 

<div id="fondprofil2">

<span style="font-size:10px;line-height:10px;text-align:center;"class="profil_mess">

<span style="text-align:left;"> {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT} </span> {postrow.displayed.profile_field.SEPARATOR} </span>
</div>
 
<!-- END profile_field -->

   
<img src="http://img11.hostingpics.net/pics/397666oiseau22.png" alt="" style="width: 250px; margin-left:-274px;" />
 
  </div>    </div>
 


{postrow.displayed.POSTER_RPG}

<br />

<img src="http://2img.net/i/fa/empty.gif" alt="" style="width: 0px; height:1px;" />
</td>


et me CSS que j'ai modifié un peu (j'ai retiré les margin) :

Code:

/*PROFIL*/


.postdetails.poster-profile img {margin-bottom:-3px;padding-top:20px;padding-bottom:80px;padding-left:10px;padding-right:10px;width:230px;
 transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;background-color:#EBE6D6;box-shadow: 0px 3px 5px #cdcdcd;}



#fondprofil2 {
position:relative;
margin-left:7px;
background-color: #EBE6D6;
font-size: 22px; font-family:'tahoma';  font-style: italic ;
border-spacing: 2px;
width: 230px;
  padding-left:18px;
  box-shadow: 0px 3px 5px #cdcdcd;
}

#fondprofil {
position:relative;
background-color: #EBE6D6;
font-size: 22px; font-family:'tahoma';  font-style: italic ;
border-spacing: 2px;
width: 230px;
  padding-left:18px;
  box-shadow: 0px 3px 5px #cdcdcd;
}



.profil_mess img {
width : 212px;


  padding-top:5px;
  padding-bottom:5px;
}


EDIT 2 : Pourquoi il est mis que c'est Polosven qui a posté le premier message alors que c'est moi?... Je comprends rien @.@

[Banane the monkey]

UP?

[Banane the monkey]

UP

[Banane the monkey]

UP...

[Shinee]

Bonsoir

Ton problème est-il toujours le même ? Parce que lorsque je vais sur ton forum, je n'ai aucun bug de marge comme tu le montres... Voilà ce que je vois pour ma part :



Cordialement, Shinee

(PS : j'utilise Google Chrome également)

[Banane the monkey]

Tu vois ça sur 80% des pages, mais pas sur toutes...

Par exemple :

ici
ici aussi
Et bien sûr, j'en passe...

Je peux "déjouer", si je peux appeler ça ainsi, ce problème en mettant un code CSS (voir plus bas) mais le problème n'est pas résolu pour autant...

Code:

<div style="width:700px; background-color:white;">

Je suis donc désolée mais mon problème n'est pas résolu ;O;

[Shinee]

Ah oui effectivement, là je vois le problème Oô

On va essayer d'imposer une largeur à ta div qui regroupe tes informations de profil. Dans ton template "viewtopic_body", remplace ton :

Code:

<div style="margin-left:-310px">

par :

Code:

<div style="margin-left:-310px; width:321px;">

Valide et dis-moi si ça fonctionne

[Banane the monkey]

J'y ai cru mais nop.
Maintenant le profil s'affiche bien comme il faut mais le message s'écrit loin du bord.

Revoir mes anciens exemples :

ici
ici aussi

Merci quand même éè
Désolé, je cherche toujours mais après plusieurs semaines je désespère un peu V.V

[Shinee]

Non non, ne désespère pas
Je pense avoir trouvé la solution mais je préférerais faire mes tests en utilisant ton "viewtopic-body". Est-ce que tu peux le poster ?

Shinee

[Banane the monkey]

Bien sûr!

Voici (depuis je l'ai encore modifié en plus...)

Code:

<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>

<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> 
            <!-- 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"><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="bottom" nowrap="nowrap" width="100%">
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
            <span class="gensmall bold">
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                |
                <script type="text/javascript">
                //<![CDATA[
                insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
            </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"> </td>
                  <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> {TOPIC_TITLE}</h1></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <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="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- BEGIN postrow -->
    <!-- BEGIN displayed -->
      <tr class="post">
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
 

 
  <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top"width="150">

    <div style="margin-left:-310px; width:321px;">
       
<div class="profilentour"> 

<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>

<span class="postdetails poster-profile">

<a name="{postrow.displayed.U_POST_ID}"></a>

<center>{postrow.displayed.POSTER_AVATAR}

<div style="font-size: 33px;font-family: 'Amatic SC',sans-serif;letter-spacing: -1px;margin-top:-70px;">{postrow.displayed.POSTER_NAME}</div>

  </div> 
 
  <div style="margin-left:12px;"> <div style="height:81px;width:121px;margin-top:-9px;"> {postrow.displayed.RANK_IMAGE}</div>
 </div>
 
<link href='http://fonts.googleapis.com/css?family=Tahoma' rel='stylesheet'type='text/css'>
</div>
<!-- BEGIN profile_field -->
 

<div id="fondprofil2">

<span style="font-size:10px;line-height:10px;text-align:center;"class="profil_mess">

<span style="text-align:left;"> {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT} </span> {postrow.displayed.profile_field.SEPARATOR} </span>
</div>
 
<!-- END profile_field -->

   
<img src="http://img11.hostingpics.net/pics/397666oiseau22.png" alt="" style="width: 250px; margin-left:-274px;" />
 
  </div>    </div>
 


{postrow.displayed.POSTER_RPG}

<br />

<img src="http://2img.net/i/fa/empty.gif" alt="" style="width: 0px; height:1px;" />
</td>

 
            <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="1">
 

           
            <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}  <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}" />

                                    <!-- 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>
                        <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                        </div>

                      </div>
                      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <tr>
          <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">
                      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN first_post_br -->
    </table>
    <br />
    <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 -->
      <!-- BEGIN hidden -->
      <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
      <!-- 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"> </td>
                  <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>

    <table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
      <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 -->
      <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> 
                <!-- 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>
          <!-- BEGIN viewtopic_bottom -->
          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
          <!-- END viewtopic_bottom -->
          <!-- 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}" />
                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <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 type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js"></script>

Merci beaucoup en tout cas de m'aider comme ça!!

[[Nihil]]

Hello

Simple curiosité, si dans ton code tu enlèves tous les width="150" présents, le résultat est-il mieux ? (il y en a 4 je crois)

[Banane the monkey]

OMG ma sauveuse quoi *w*

Ca marcheeeeeeeeeeeeeeeee <3

Merci merci merci!!!

Par contre, je ne peux pas mettre résolu, vu qu'il est mis que c'est Polosven qui a écrit le premier message éè

Encore merci pour votre patience!!

[Chacha]

OMG ma sauveuse quoi *w*

Ca marcheeeeeeeeeeeeeeeee <3

Merci merci merci!!!

Par contre, je ne peux pas mettre résolu, vu qu'il est mis que c'est Polosven qui a écrit le premier message éè

Encore merci pour votre patience!!

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif