2nd Post Shifts Topic And Lose Background

Discussion in 'phpBB' started by tunescool, Jan 31, 2014.

  1. #1
    when i have a reply to a topic everything in the second post shifts, left or rite

    i think it mite have something to do with i moved the pagination and post buttons to different sides

    http://forumbytunes.com/viewtopic.php?f=5&t=13

    by default 2013-11-25 at 1.48.07 AM.jpg

    the bottom looks like this

    by default 2014-01-31 at 2.18.18 PM.jpg

    it should look like this

    by default 2014-01-31 at 2.19.59 PM.jpg

    this is my viewtopicbody.html

    <!-- INCLUDE overall_header.html -->
    <!-- NOTE: remove the style="display: none" when you want to have the forum description on the topic body -->
    <!-- IF FORUM_DESC --><div style="display: none !important;">{FORUM_DESC}<br /></div><!-- ENDIF -->
    
    <!-- IF MODERATORS -->
    <p>
        <strong><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->:</strong> {MODERATORS}
    </p>
    <!-- ENDIF -->
    
    <!-- IF S_FORUM_RULES -->
        <div class="rules">
            <div class="inner"><span class="corners-top"><span></span></span>
    
            <!-- IF U_FORUM_RULES -->
                <a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
            <!-- ELSE -->
                <strong>{L_FORUM_RULES}</strong><br />
                {FORUM_RULES}
            <!-- ENDIF -->
    
            <span class="corners-bottom"><span></span></span></div>
        </div>
    <!-- ENDIF -->
    <div class="topic-actions">
            <table width="100%;">
            <td>
           <!-- IF PAGINATION or TOTAL_POSTS or TOTAL_TOPICS -->
              <div class="pagination" style="float: left; padding-left: 10px; font-size: 1.1em; color: #FFFFFF;">
                <!-- IF PAGINATION --> <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> <span>{PAGINATION}</span><!-- ELSE --> {PAGE_NUMBER}<!-- ENDIF -->
                <!-- IF PREVIOUS_PAGE --><a href="{PREVIOUS_PAGE}" class="left-box {S_CONTENT_FLOW_BEGIN}">Last&nbsp;</a><!-- ENDIF -->
                <!-- IF NEXT_PAGE --><a href="{NEXT_PAGE}" class="right-box {S_CONTENT_FLOW_END}">&nbsp;Next</a><!-- ENDIF -->
            </div>
        <!-- ENDIF -->
    </td>
    <td style="float: right; padding-right: 5px;">
    <div>
    <div class="g-plusone" data-size="medium"></div>
    <script type="text/javascript">
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>
    <a href="https://twitter.com/share" class="twitter-share-button" data-via="thenotablenook">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    <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/en_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <fb:like send="false" layout="button_count" width="10" show_faces="false"></fb:like></div>
    </div>
            </td>
            <td>
            <!-- IF S_DISPLAY_SEARCHBOX -->
              <div class="search-box" style="float: right; padding-bottom: 2px; padding-right: 10px;">
                 <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
                 <fieldset">
                    <input class="inputbox search tiny" type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_FORUM}" onclick="if (this.value == '{LA_SEARCH_FORUM}') this.value = '';" onblur="if (this.value == '') this.value = '{LA_SEARCH_FORUM}';" />
                    <input class="button2" type="submit" value="{L_SEARCH}" />
                    {S_SEARCH_LOCAL_HIDDEN_FIELDS}
                 </fieldset>
                 </form>
              </div>
           <!-- ENDIF -->
           <!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
              <div class="buttons" style="float: right;">
              <div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
              <!-- IF S_USER_LOGGED_IN --><div class="post-icon"><a href="{U_POST_NEW_TOPIC}" title="{L_POST_TOPIC}"><span></span>{L_POST_TOPIC}</a></div><!-- ENDIF -->
              </div>
           <!-- ENDIF -->
            </td>
            </table>
    </div>
    <div class="clear"></div>
    
    <!-- IF S_HAS_POLL -->
        <form method="post" action="{S_POLL_ACTION}">
    
        <div class="panel">
            <div class="inner"><span class="corners-top"><span></span></span>
    
            <div class="content">
                <h2>{POLL_QUESTION}</h2>
                <p class="author">{L_POLL_LENGTH}<!-- IF S_CAN_VOTE and L_POLL_LENGTH --><br /><!-- ENDIF --><!-- IF S_CAN_VOTE -->{L_MAX_VOTES}<!-- ENDIF --></p>
    
                <fieldset class="polls">
                <!-- BEGIN poll_option -->
                    <dl class="<!-- IF poll_option.POLL_OPTION_VOTED -->voted<!-- ENDIF -->"<!-- IF poll_option.POLL_OPTION_VOTED --> title="{L_POLL_VOTED_OPTION}"<!-- ENDIF -->>
                        <dt><!-- IF S_CAN_VOTE --><label for="vote_{poll_option.POLL_OPTION_ID}">{poll_option.POLL_OPTION_CAPTION}</label><!-- ELSE -->{poll_option.POLL_OPTION_CAPTION}<!-- ENDIF --></dt>
                        <!-- IF S_CAN_VOTE --><dd style="width: auto;"><!-- IF S_IS_MULTI_CHOICE --><input type="checkbox" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ELSE --><input type="radio" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ENDIF --></dd><!-- ENDIF -->
                        <!-- IF S_DISPLAY_RESULTS --><dd class="resultbar"><div class="<!-- IF poll_option.POLL_OPTION_PCT < 20 -->pollbar1<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->pollbar2<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->pollbar3<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->" style="width:{poll_option.POLL_OPTION_PERCENT};">{poll_option.POLL_OPTION_RESULT}</div></dd>
                        <dd><!-- IF poll_option.POLL_OPTION_RESULT == 0 -->{L_NO_VOTES}<!-- ELSE -->{poll_option.POLL_OPTION_PERCENT}<!-- ENDIF --></dd><!-- ENDIF -->
                    </dl>
                <!-- END poll_option -->
    
                <!-- IF S_DISPLAY_RESULTS -->
                    <dl>
                        <dt>&nbsp;</dt>
                        <dd class="resultbar">{L_TOTAL_VOTES} - {TOTAL_VOTES}</dd>
                    </dl>
                <!-- ENDIF -->
    
                <!-- IF S_CAN_VOTE -->
                    <dl style="border-top: none;">
                        <dt>&nbsp;</dt>
                        <dd class="resultbar"><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="button1" /></dd>
                    </dl>
                <!-- ENDIF -->
    
                <!-- IF not S_DISPLAY_RESULTS -->
                    <dl style="border-top: none;">
                        <dt>&nbsp;</dt>
                        <dd class="resultbar"><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></dd>
                    </dl>
                <!-- ENDIF -->
                </fieldset>
            </div>
    
            <span class="corners-bottom"><span></span></span></div>
            {S_FORM_TOKEN}
            {S_HIDDEN_FIELDS}
        </div>
    
    
        </form>
        <hr />
    <!-- ENDIF -->
    
    <!-- BEGIN postrow -->
        <!-- IF postrow.S_FIRST_UNREAD --><a id="unread"></a><!-- ENDIF -->
    <div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">
            <div class="inner"><span class="corners-top"><span></span></span>
    
            <div class="postbody">
                <!-- IF postrow.S_IGNORE_POST -->
                    <div class="ignore">{postrow.L_IGNORE_POST}</div>
                <!-- ELSE -->
    
            <!-- IF not S_IS_BOT -->
                <!-- IF postrow.U_EDIT or postrow.U_DELETE or postrow.U_REPORT or postrow.U_WARN or postrow.U_INFO or postrow.U_QUOTE -->
                    <ul class="profile-icons" style="padding-right: 5px;">
    
                        <!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->
                        <!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
                        <!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
                        <!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{L_WARN_USER}</span></a></li><!-- ENDIF -->
                        <!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
                        <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
                    </ul>
                <!-- ENDIF -->
            <!-- ENDIF -->
    
                <h3<!-- IF postrow.S_FIRST_ROW --> class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF -->{postrow.POST_SUBJECT}</h3>
    
          <!-- IF S_TOPIC_MOD -->
             <form method="post" action="{S_MOD_ACTION}">
             <fieldset class="quickmod" style="width: auto;">
                {S_TOPIC_MOD} <input type="submit" value="{L_GO}" class="button2" />
                {S_FORM_TOKEN}&nbsp;
             </fieldset>
             </form>
          <!-- ENDIF -->
    
             <div style="display: inline; font-size: 15px; color: #808080; font-weight: bold;">{L_TOPIC_VIEWS} {TOPIC_VIEWS} Times</div>&nbsp;   <span style="font-size: 12px;"><strong>Posted On</span>&nbsp;   {postrow.POST_DATE}</strong>
                <hr style="height: 3px; margin: 2px 0px 5px 0px; border-top-color: #000;"/>
                <!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED --> style="border: 1px solid #000000;">
                    <p class="rules">
                        <!-- IF postrow.S_POST_UNAPPROVED -->{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}"><strong>{L_POST_UNAPPROVED}</strong></a><br /><!-- ENDIF -->
                        <!-- IF postrow.S_POST_REPORTED -->{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}"><strong>{L_POST_REPORTED}</strong></a><!-- ENDIF -->
                    </p>
                <!-- ENDIF -->
    
                <div class="content" style="min-height:230px;">{postrow.MESSAGE}</div>
    
                <!-- IF postrow.S_HAS_ATTACHMENTS -->
                    <dl class="attachbox">
                        <dt>{L_ATTACHMENTS}</dt>
                        <!-- BEGIN attachment -->
                            <dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
                        <!-- END attachment -->
                    </dl>
                <!-- ENDIF -->
    
                <!-- IF postrow.S_DISPLAY_NOTICE --><div class="rules">{L_DOWNLOAD_NOTICE}</div><!-- ENDIF -->
    
                <!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature" style="margin: 0px 0px 5px 0px;">{postrow.SIGNATURE}</div><!-- ENDIF -->
            <!-- ENDIF -->
    
            </div>
    
            <!-- IF not postrow.S_IGNORE_POST -->
                <dl class="postprofile" id="profile{postrow.POST_ID}">
                <fieldset style="width: 213px; background-image: url(http://i709.photobucket.com/albums/ww95/tunescool/grey12.jpg); border: #000000 solid 3px; padding-top:5px; padding-bottom:10px; padding-left:2px; padding-right:2px; border-radius: 10px 10px 10px 10px;">
                <div style="font-size: 14px; font-weight: bold;">
                <center>
                    <!-- IF not postrow.U_POST_AUTHOR --><strong><i>{postrow.POST_AUTHOR_FULL}</i></strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
                    <hr style="margin: 2px 2px; border-top-color: #000;"/>
                <!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd style="font-size: 12px;">{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
                <hr style="margin: 2px 2px; border-top-color: #000;"/>
                    <dd style="font-size: 12px; font-weight: bold; font-style: italic;">Member Is <!-- IF postrow.S_ONLINE --><span style="color: #1d77de; font-weight: bold; font-style: italic;">{L_ONLINE}<!-- ELSE -->{L_OFFLINE}</span><!-- ENDIF --></dd><br/>
                </center>
                </div>
    
                    <!-- IF postrow.POSTER_AVATAR -->
                    <center>
                        <!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF -->
                    </center><br/>
                    <!-- ENDIF -->
            <dd>&nbsp;</dd>
            <!-- IF postrow.POSTER_POSTS != '' --><dd><strong><b>{L_POSTS} - </b></strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
            <!-- IF postrow.POSTER_JOINED --><dd><strong><b>{L_JOINED} - </b></strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->
            <!-- IF postrow.POSTER_FROM --><dd><strong><b>{L_LOCATION} - </b></strong> {postrow.POSTER_FROM}</dd><!-- ENDIF -->
    
            <!-- IF postrow.S_PROFILE_FIELD1 -->
                <!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
                <dd style="font-weight: bold;"><strong><b>{postrow.PROFILE_FIELD1_NAME} - </b></strong> {postrow.PROFILE_FIELD1_VALUE}</dd>
            <!-- ENDIF -->
            <!-- BEGIN custom_fields -->
                <dd><strong><b>{postrow.custom_fields.PROFILE_FIELD_NAME} - </b></strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
            <!-- END custom_fields -->
                <center>
                <hr style="width: 98%; margin: 5px 0px 0px 2px; border-top-color: #000;"/>
                </center>
            <!-- IF not S_IS_BOT -->
            <!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER -->
                <dd>
                    <ul class="profile-icons">
                        <!-- IF postrow.U_PM --><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>Send Message</span></a></li><!-- ENDIF --><br/>
                        <!-- IF postrow.U_WWW --><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>Website</span></a></li><!-- ENDIF --><br/>
                    </ul>
                </dd>
            <!-- ENDIF -->
            <!-- ENDIF -->
    </fieldset>
            </dl>
        <!-- ENDIF -->
                <hr style="height: 3px !important; margin: 2px 0px 10px px; border-top-color: #000;"/>
        <hr class="divider" />
    
    <!-- END postrow -->
    <div class="topic-actions">
    
           <!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
              <div class="buttons" style="float: right;">
                 <div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
              <!-- IF S_USER_LOGGED_IN --><div class="post-icon"><a href="{U_POST_NEW_TOPIC}" title="{L_POST_TOPIC}"><span></span>{L_POST_TOPIC}</a></div><!-- ENDIF -->
              </div>
           <!-- ENDIF -->
    
           <!-- IF PAGINATION or TOTAL_POSTS or TOTAL_TOPICS -->
              <div class="pagination" style="float: left; padding-left: 10px; font-size: 1.1em; color: #000000">
                <!-- IF PAGINATION --> <b><a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> <span>{PAGINATION}</span><!-- ELSE --> {PAGE_NUMBER}</b><!-- ENDIF -->
                <!-- IF PREVIOUS_PAGE --><b><a href="{PREVIOUS_PAGE}" class="left-box {S_CONTENT_FLOW_BEGIN}">Last&nbsp;</a></b><!-- ENDIF -->
                <!-- IF NEXT_PAGE --><b><a href="{NEXT_PAGE}" class="right-box {S_CONTENT_FLOW_END}">&nbsp;Next</a></b><!-- ENDIF -->
            </div>
        <!-- ENDIF -->
    </div>
    <!-- IF S_QUICK_REPLY -->
        <!-- INCLUDE quickreply_editor.html -->
    <!-- ENDIF -->
    <!-- IF S_DISPLAY_ONLINE_LIST -->
        <h3><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></h3>
        <p>{LOGGED_IN_USER_LIST}</p>
    <!-- ENDIF -->
            <div style="color: #808080; font-size: 16px; font-weight: bold; font-style: italic; padding-left: 50px; padding-bottom: 5px;">Similiar Topics</div>
    <!-- IF .similar -->
        <!-- INCLUDE similar_topics.html -->
    <!-- ENDIF -->
            <span class="corners-bottom"><span></span></span></div>
        </div>
    <!-- INCLUDE jumpbox.html -->
    
    <!-- INCLUDE overall_footer.html -->
    Code (markup):
     
    tunescool, Jan 31, 2014 IP