1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

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
    SEMrush
    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
    SEMrush