Links & Thread Descriptions Aren't Linebreaking and stretchi

[Sammiie]

I somehow broke only some of my sub-boards and I'm not sure how???

The ones that are broken are "Character Creation" and "The Slums" (and our Moderation Board). There's no obvious reason that I can see from the code causing the boards to stretch well beyond the wrapper. It looks to me like a missing div tag or something, but I just don't know where it would be.

Anyone's help would be much appreciated! I'm trying to install this skin I've been working on for months onto my forum and of course, it's giving me dookie lol.

The forum is here.

EDIT: I think I narrowed it down. It seems like my thread links & thread descriptions aren't word-wrapping, so they're stretching the board?? I've tried adding some line-breaks in there, but they're being ignored. I still need help with this, but at least we have a starting point now. It still seems to have something to do with pages that have subboards on them, too, but I'm not sure. Because other boards have subboards and the links / descriptions are wrapping fine. 

I'm still lost on why it's only some boards and not all of them.


EDIT #2: I've disabled the descriptions at this point, hoping it'll fix it enough to stop hiding Create Thread buttons. It's still broken in the above places I liked; here are some screenshots of the Descriptions enabled:

[ Screenshot 1 ]
[ Screenshot 2 ]
[ Screenshot 3 ]

[Brian]

Hi, Sammiie.

In Themes > Layout Templates > Board > Board List the {if !$[board.is_redirect]} block is a little messed up. You have the {else} within it occurring before this element and its children have closed:

<div class="mainborddiv">

What's happening as a result is the sub-board container never closes before your closing tags never render on the page (since it thinks they should only render if the board is a redirect according to your if statement), so the thread list container ends up as its child and inherits its nowrap CSS. The problem isn't visible without the descriptions because they're the only thing that exceeds the default width of the Subject column.

[Sammiie]

Brian oh man you are my savior! One quick question: how do I fix this? LOL

I really try not to touch anything in Layout Templates if I don't have to - this is the reason. I am going to read the crap out of your post up there and try to make sense of it, but in the meantime, could you help me with a solution?

Thank you!

[Brian]

Here's a fixed version of your Board List template on the forum's default theme.

SPOILER: Click to show

<table class="list" role="grid">
	<tbody>
        <tr>
            <td class="mainbordtd">
                {foreach $[board]}
                    {if !$[board.is_redirect]}
                        <div class="mainborddiv">
                            <table cellspacing="0" cellpadding="0" class="bordsection">
                                <tr id="$[board.content_id]" class="$[board.content_class]">
                                    <td class="lastpostpic">
                                        {if $[board.icon.title] == "New Posts"}
                                            <div class="newpostpic">
                                                {if $[board.posts] > 0}
                                                    <a href="$[board.last_thread.recent_link.href]">$[board.last_thread.last_post.created_by.avatar_small]</a>
                                                    <div class="emptybordpic"></div>
                                                {/if}
                                            </div>
                                        {else}
                                            <div class="oldpostpic">
                                                {if $[board.posts] > 0}
                                                    <a href="$[board.last_thread.recent_link.href]">$[board.last_thread.last_post.created_by.avatar_small]</a>
                                                {else}
                                                    <div class="emptybordpic"></div>
                                                {/if}
                                            </div>
                                        {/if}
                                    </td>
                                    <td class="newbox01">
                                        <table>
                                            <tr>
                                                <td class="bordnamelink">
                                                    $[board]
                                                    <div class="lastpostsmoll"> 	
                                                        {if $[board.posts] > 0}
                                                            {if $[board.last_thread]}
                                                                <div id="thread_name01">$[board.last_thread.recent_link]
                                                                    <br>BY $[board.last_thread.last_post.created_by]
                                                                    <br>
                                                                    <div id="lastdatesmoll">$[board.last_thread.last_post.created_on] </div></div>
                                                                <div class="thredsnposts">{if $[board.threads] == -1}N/A{else}<font>$[board.threads]</font> THREADS{/if} • {if $[board.posts] == -1}N/A{else}<font>$[board.posts]</font>  POSTS{/if}</div>
                                                            {/if}
                                                        {else}
                                                            <div class="lastpostsmoll">No posts have been made on this board.</div>
                                                        {/if}
                                                    </div>                   
                                                </td>
                                                <td>
                                                    <div class="description">$[board.description]</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" class="subbords">
                                                    {if $[board.sub_board]}
                                                    	<b>SUBS:</b> {foreach $[board.sub_board]}<a class="sublink" href="$[board.sub_board.href]">$[board.sub_board.name]</a> {/foreach}
                                                    {/if}
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                		</div>
                    {else}
                        <div class="mainborddiv">
                            <table cellspacing="0" cellpadding="0" class="bordsection">
                                <tr id="$[board.content_id]" class="$[board.content_class]">
                                    <td class="icon">$[board.icon]</td>
                                    <td class="main clickable redirect last" colspan="4">
                                        <span class="link">$[board]</span><br />
                                        <p class="description">$[board.description]</p>
                                    </td>
                                </tr>
                            </table>
                		</div>
                    {/if}
            	{/foreach}
                {if !$[board]}
                	<tr class="last"><td class="last center" colspan="2">No boards were found.</td></tr>
                {/if}
    		</td>
        </tr>
	</tbody>
</table>

[Sammiie]

Thank you so much Brian !