Side by Side Boards Coding Help

[❈ɬʂųŋąɱı~]

Hi there~ I'm trying really hard to put my boards next to each other, but no matter what I try I can't seem to get it to work. If someone can teach me or tell me how to fix my code to get it to work that would be fantastic~ I would like it to be side by side, and for odd boards to stretch if there's not a board to go next to it, example below.

i65.tinypic.com/23m6eee.jpg


This is my current code...

<table role="grid" width="100%;" height="100%;">
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
{if $[board.odd] == 1}<tr>{/if}
{if $[board.lastIndex] == $[board.index]}<td valign="top" colspan="3" id="$[board.content_id]" class="$[board.content_class] boardtd">{else}
<td width="49%" id="$[board.content_id]" class="$[board.content_class] boardtd" valign="top">{/if}
                   <table>
                       <tr>
                           <td width="300px;">
                               <a href="$[board.link.href]"><div class="boardtitle" style="margin-left:5px;margin-top:8px;">$[board.name]</div></a>
                    <div class="boardcontainer"><div class="subboard">{if $[board.sub_board]}
{foreach $[board.sub_board]}
                                                           <a href="$[board.sub_board.href]"><span style="text-align:center;font-size:9px;letter-spacing:1px;">$[board.sub_board.name]</span></a>$[board.sub_board.comma]
                                                            {/foreach}
                                                           {else}
                                                           this board has no sub-boards.
                               {/if}</div>
                        <div class="boarddescrip">
                               <br /><br />
$[board.description]
                    </div><div class="statshover" style="margin-top:-81px">
                                       <div class="statsinfo">
                                          <div class="boardstats">
                                   <table width="270px">
                                       <tr>
                                           <td align="center"><div style="color:#ccc;background-color:#404040;padding:7px;font-family:courier new;font-size:11px;letter-spacing:1px;margin-top:5px;text-transform:uppercase;">total threads:</div></td>
                                           <td align="center"><div style="color:#ccc;background-color:#404040;padding:7px;font-family:courier new;font-size:11px;letter-spacing:1px;margin-top:5px;text-transform:uppercase;">$[board.threads]</div></td>
                                       </tr>
                                       <tr>
                                           <td align="center"><div style="color:#ccc;background-color:#404040;padding:7px;font-family:courier new;font-size:11px;letter-spacing:1px;margin-top:5px;text-transform:uppercase;">total posts:</div></td>
                                           <td align="center"><div style="color:#ccc;background-color:#404040;padding:7px;font-family:courier new;font-size:11px;letter-spacing:1px;margin-top:5px;text-transform:uppercase;">$[board.posts]</div></td>
                                       </tr>
                                   </table>
                                       </div>
                                   </div>
                               </div>
                           <div class="lastpostinfo" style="background-color:#303030;text-align:justify;margin-left:-15px;margin-right:-15px;margin-top:3px;margin-bottom:5px;padding-right:15px;padding-left:15px;padding-bottom:5px;">
                       {if $[board.posts] > 0}
{if $[board.last_thread]}
                               <a href="$[board.last_thread.recent_link.href]" class="lastpost">$[board.last_thread.subject]</a>
                               <span class="lastpostinfo" style="text-transform:lowercase;">by</span> <a href="$[board.last_thread.last_post.created_by.link.href]"><span class="lastpostinfo" style="text-transform:uppercase;">$[board.last_thread.last_post.created_by]</span></a>

{/if}
{else}
                               <span class="lastpostinfo" style="margin-top:5px;">No posts have been made on this board.</span>
{/if}
                               </div>
                       </div>
                           </td>
                           <td><div class="avback">
                               {if !$[board.posts] > 0}
                               <img src="http://i68.tinypic.com/nnk4jt.jpg" style="border-radius:20px;margin-top:22px;margin-left:18px;">
                               
                               {else}
                               <div class="lastpostav" style="border-radius:20px;">$[board.last_thread.last_post.created_by.avatar_medium]</div>
                               {/if}
                           </div></td>
                   </table>
</tr>
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
<p class="description">$[board.description]</p>
</td>
</tr>
{/if}
{/foreach}
</tbody>
</table><br><br>


Thanks very much~

[Tumbleweed]

You've changed a lot in your template and I don't have time to toss it on my test site but have a look at this thread and see if it helps any.


support.proboards.com/thread/589849/side-boards

If you are still having issues, when I have some spare time later, I'll take a look at your coding and see what can be done or someone else might come along to help.

[❈ɬʂųŋąɱı~]

I shall take a look through and see if I can figure out where to put things XD and if you do happen to have time to put it up somewhere I would be forever grateful! I'll update if I do manage to figure it out x.x

Thanks~

[❈ɬʂųŋąɱı~]

I've got it figured out now! Thank you for your help~