Side table messed up entire site?

[Albireo]

Forum URL: hunterxhunterp.boards.net/

Take a look. lol

[Brian]

Hi, Albireo.

I believe the board remodel you're using in Themes > Layout Templates > Board > Board List is responsible for this as it has a number of errors related to the tables it contains. Since the Sidebar Redux plugin also utilizes tables to achieve its appearance it's likely that the errors in the Board List template are causing the sidebar table to close prematurely when the browser attempts to correct it.

1. There are <table> tags starting immediately after <tr> tags. The only thing that can start after a <tr> element is a table cell element (either <td> or <th> depending on whether you're in the table head or body).

2. The boarddivider <div> elements are starting immediately after a closing </tr> tag. Similar to the above, the only things that can be added after a closing </tr> are an opening <tr> (to start a new row in the table) or the closing tags for the part of the table you're currently in (usually </thead> or </tbody>, immediately followed by </table> to completely close off the table).

[Albireo]

Uhh.... So uh... Not sure what to do or how to start on fixing this. I'm a noob when it comes to coding.

[Brian]

Here's a version of your Board List template with all of the errors I mentioned fixed. You may want to back up your existing Board List template before replacing it with this.

SPOILER: Click to show

<!-- 'INDULGENCE' BOARD REMODEL  MADE BY SHIN OF ADOXOGRAPHY & GANGNAM STYLE -->
<table class="list" role="grid">
    <tbody>
        {foreach $[board]}
            {if !$[board.is_redirect]}
                <tr id="$[board.content_id]" class="$[board.content_class]">
                    <td>
                        <table width="100%" height="125">
                            <tr>
                                <td width="35%" class="btitle">
                                    <span class="boardlink">$[board]</span>
                                    <br>
                                    <div class="lastpt">
                                        {if $[board.posts] > 0}
                                            {if $[board.last_thread]}
                                            	<a href="$[board.last_thread.recent_link.href]" class="lastpost"> $[board.last_thread.subject]</a> by $[board.last_thread.last_post.created_by]
                                            {/if}
                                        {else}
                                        	No posts have been made on this board.
                                        {/if}
                                    </div>
                                    <div class="subby">
                                        {if $[board.sub_board]}
                                            <p class="sub-boards">
                                                {foreach $[board.sub_board]}$[board.sub_board] / {/foreach}
                                            </p>
                                        {/if}
                                    </div>
                                </td>
                                <td width="30%" style="background-color:#fff;padding:10px;text-align:justify;vertical-align:top;font: 11px helvetica;color:#000;">
                                    <table>
                                        <tr id="$[board.content_id]" class="$[board.content_class]">
                                            <td class="main">
                                                <span class="boardlink" style="display:none;">$[board]</span>
                                                <div class="description">$[board.description]</div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="10%" style="padding:10px;background-color:#899e9c;">
                                    <div class="threadpost">
                                        <div class="divider1">
                                            {if $[board.posts] == -1}N/A{else}$[board.posts]{/if} post{if $[board.posts] != 1}s{/if}
                                        </div>
                                        {if $[board.threads] == -1}N/A{else}$[board.threads]{/if} thread{if $[board.threads] != 1}s{/if}
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            {else}
                <tr id="$[board.content_id]" class="$[board.content_class]">
                    <td>
                        <table width="100%" height="125">
                            <tr>
                                <td width="35%" class="btitle">
                                    <span class="boardlink">$[board]</span>
                                    <hr>
                                    This board redirects to a new location.
                                </td>
                                <td width="40%" style="background-color:#fff;padding:10px;text-align:justify;vertical-align:top;font: 11px helvetica;color:#000;">
                                    <table>
                                        <tr id="$[board.content_id]" class="$[board.content_class]">
                                            <td class="main clickable">
                                                <span class="boardlink" style="display:none;">$[board]</span>
                                                <div class="description">$[board.description]</div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="25%" style="background-color:#030c22;vertical-align:bottom;">
                                    <table width="100%">
                                        <tr>
                                            <td class="threadpost" height="15">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            {/if}
		{/foreach}
        {if !$[board]}
        	<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
        {/if}
	</tbody>
</table>
<!-- END OF BOARD REMODEL BY SHIN OF ADOXOGRAPHY & GANGNAM STYLE, DO NOT STEAL -->