Post by ❈ɬʂųŋąɱı~ on Oct 24, 2016 9:39:55 GMT -8
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...
Thanks very much~
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~