New Layout Issues
Nov 29, 2013 22:07:16 GMT -5
Post by Beth-A-Roo on Nov 29, 2013 22:07:16 GMT -5
The last thing I'm trying to do is get the 'Posts' and 'Threads' boxes to be one atop of the other, and be located just to the right of the description box, but I'm having no luck whatsoever. Here's the code that's in the Boards List template..
<table role="grid" width="99%" style="margin-left:5px;">
<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}
<div class="board-name" style="font-size: 1.5em; text-transform:uppercase; text-align:center; text-color:#ffffff;">$[board]</div>
<div class="board-last-post" style=" text-align:center; font-size: 9px; font-family:verdana,arial; text-transform:uppercase;"><span>{if $[board.posts] > 0}
{if $[board.last_thread]}$[board.last_thread.recent_link] <b>BY</b> $[board.last_thread.last_post.created_by_user] $[board.last_thread.last_post.date]{/if}</span>
{else}
THERE ARE NO THREADS IN THIS BOARD
{/if}
</div>
<table width="100%" cellpadding="5px">
<tr>
<td width="70%" style="padding: 10px 0px 10px 10px;"><div class="board-description" style="background-color: #fff; padding: 10px; font-size: 14px; line-height: 14px; font-family: georgia; font-style: normal; height:122px; overflow:auto;">$[board.description]</div></td>
<td width="15%"><div class="board-post-count" title="POSTS" style="text-align:center; width:50px; height:41px; font-size:8px; text-transform:uppercase; background-color:#232323; color:#fff; padding-left:10px; padding-right:10px; padding-top:25px;">$[board.posts]<br>POSTS</div></td>
<td width="15%"><div class="board-thread-count" title="THREADS" style="text-align:center; width:50px; height:41px; font-size:8px; text-transform:uppercase; background-color:#232323; color:#fff; padding-left:10px; padding-right:10px; padding-top:25px;">$[board.threads]<br>THREADS</div></td>
</tr></table>
{if $[board.num_mods]}
<div class="moderators" style="background-color: #c4c4c4; text-align:center; font-size: 9px; font-family:verdana,arial; text-transform:uppercase;">{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}</div>
{/if}
{if $[board.sub_board]}
<div class="sub-boards">{foreach $[board.sub_board]}$[board.sub_board] {/foreach}</div>
{/if}
<div class="clear"></div>
</td>{if $[board.odd] == 1}{if $[board.lastIndex] != $[board.index]}<td width="2%"> </td>{/if}{/if}
{if $[board.even] == 1}</tr>{/if}
{else}
<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>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>
