Affichage d'un sondage déforme la visualisation du sujet

[Kichupa]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, 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 : Aujourd'hui même, date de création du premier sondage.
Lien du forum : https://high-rise.forumactif.com/

Description du problème

Bonjour !

Après plusieurs recherches je me permets de poster par ici ; j'ai réalisé pour la première fois un sondage, dont l'affichage perturbe la visualisation de l'apparence du forum une fois le sujet posté (voir capture). Le template viewtopic_body a été modifié, mais pas celui relatif aux sondages (hormis pour tester quelque chose et réhabiliter le template par défaut). Savez-vous d'où cela peut-il venir ?

Je peux fournir les templates sans souci si besoin, et rendre le message visible aux invités au cas où (pour l'instant il est caché, j'ai honte, ahah !).

EDIT 06/02 : Le template viewtopic_body se trouve un peu plus bas.

Merci par avance à la bonne âme qui pourra m'éclairer !

[Kichupa]

Bonjour, le p'tit souci est toujours d'actu

[IzumiRK]

Bonjour =)
Ca sera effectivement plus simple avec le template viewtopic_body ^^ parfois, selon les modifications qui y ont été faites, il y a justement besoin de modifier celui du sondage pour les adapter (ça a été le cas avec mon forum, par exemple).

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.

[Chacha]

Bonjour, Le topic est replacé à la demande de l'auteur du sujet. Pensez à faire un UP au moins une fois par semaine si vous ne voulez pas voir votre sujet déplacé à la corbeille.

[Kichupa]

Bonjour et merci d'avoir restauré le sujet, je ferai des mises à jour plus régulières dorénavant !

Merci IzumiRK pour la réponse, je pense aussi que ça vient du viewtopic_body, mais alors d'où, là est la question ! Je vous le transmets :

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 = {  };
        }
    });

    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>

<div class="button-topic_nav_cat_desc">
    <div class="buttons_topic">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" data-info="{L_POST_NEW_TOPIC}" rel="nofollow"></a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" data-info="{L_POST_REPLY_TOPIC}"></a>
        <!-- END switch_user_authreply -->
    </div>
    <div class="nav_cat_desc">
        <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC_SECOND}
    </div>
</div>
<script type="text/javascript">
    $('.nav_cat_desc').html($(".nav_cat_desc").html().replace(/::/gi, "•"));
</script>

<div class="profile__liste_subject">
    <div class="s_topic_title">{TOPIC_TITLE}</div>
    <!-- BEGIN topicpagination -->
    <div class="s_pagination"><span class="gensmall">{PAGINATION}</span></div>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <div class="s_hidden">{postrow.hidden.MESSAGE}</div>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
  
 
    <div class="profile__s_message_global">
        <div class="profile__s_global_profil">

            <div class="s_all_profil">
                <div class="s_avatar_wrapper">
                    <div class="avatar">{postrow.displayed.POSTER_AVATAR}</div>
                    <div class="avatar__infobulle">
                      <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
                        <!-- BEGIN profile_field -->
                        <div class="s_field">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                        <!-- END profile_field -->
                    </div>
                </div>
                <div class="s_pseudo"><strong>{postrow.displayed.POSTER_NAME}</strong></div>
                <div class="s_rank">{postrow.displayed.POSTER_RANK}</div>
                <div class="s_content">
                    <!-- BEGIN profile_field -->
                    <div class="s_field">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
                     <script type="text/javascript">$('.label').each(function(){$(this).html($(this).html().replace(/:/g,""));});</script>
                  <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}
                </div>
               <div class="s_contact_profil">
                  <!-- BEGIN contact_field -->
                    {postrow.displayed.contact_field.CONTENT}
                  <!-- END contact_field -->
                  {postrow.displayed.ONLINE_IMG}
                </div>
            </div>
        </div>
        <div class="profile__s_global_post" valign="top" width="100%" height="28">
            <div class="all_date">
          <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" />(<a href="#{postrow.displayed.U_POST_ID}">#</a>)</span>
                <div class="s_date">{postrow.displayed.POST_DATE}</div>
              
                <div class="s_edition">
                  {postrow.displayed.ONLINE_IMG}
                    <div class="btn-quote">{postrow.displayed.QUOTE_IMG}</div>
                    <div class="btn-edit">{postrow.displayed.EDIT_IMG}</div>
                    <div class="btn-delete">{postrow.displayed.DELETE_IMG}</div>
                    <div class="btn-ip">{postrow.displayed.IP_IMG}</div>
                    <div class="btn-report">{postrow.displayed.REPORT_IMG}</div>
                </div>
            </div>
            <div class="s_message">
                <!-- 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>


            </div>
        </div>
    </div>
    <!-- BEGIN first_post_br -->

    <hr />
    <div class="NMD_no_post">
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- END postrow -->
        <!-- BEGIN no_post -->
        <span class="no_post">{no_post.L_NO_POST}</span>
        <!-- END no_post -->

    </div>
    <div class="profile__other_sujet_end">
        <table class="forumline noprint s_pagination_end" width="100%" border="0" cellspacing="0" cellpadding="0" >
            <tr>
                <td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
                <!-- BEGIN topicpagination -->
                <td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
                <!-- END topicpagination -->
            </tr>
            <!-- BEGIN switch_user_logged_in -->
            <!-- BEGIN watchtopic -->
            <tr>
                <td 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 -->
        <div class="reply_rapide_mesage" style="margin-top: 20px;">
            <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>
        </div>
        <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 -->
        <div class="profile__sujet_moderation">
            <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>
        </div>
    </div>
    <!-- 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="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Merci à la bonne âme qui saurait m'aider à trouver la faille !

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Kichupa]

Bonjour, le souci est toujours d'actu, merci !

[Invité]

Hello Kichupa,

peut être entourer la variable ( ligne 64 environ ) :

Code:

{POLL_DISPLAY}

Ainsi:

Code:

 
<table width="100%">
    {POLL_DISPLAY}
 
  </table>


a++

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Kichupa]

Merci beaucoup Milouze14, c'était effectivement la solution !

Le sujet est résolu, bonne journée !