MyBB Community Forums

Full Version: Miss alignment of thread lists
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
1... There is no proper alignment of columns.
Please help.
Below are my forumdisplay_threadlist and forumdisplay_thread template.

forumdisplay_threadlist
<div class="float_left">
{$multipage}
</div>
<div class="float_right">
{$newthread}
</div>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder clear">
<tr>
<td class="thead" colspan="{$colspan}">
<div class="float_right">
<span class="smalltext"><strong><a href="misc.php?action=markread&amp;fid={$fid}{$post_code_string}">{$lang->markforum_read}</a>{$addremovesubscription}{$clearstoredpass}</strong></span>
</div>
<div>
<strong>{$foruminfo['name']}</strong>
</div>
</td>
</tr>
<tr>
<td class="tcat" align="center" width="3%"><span class="smalltext"><strong>Preview</strong></span></td>
<td class="tcat" align="center" width="3%"><span class="smalltext"><strong>Icon</strong></span></td>
<td class="tcat" align="center" width="3%"><span class="smalltext"><strong>Avatar</strong></span></td>
<td class="tcat" align="center" width="66%"><span class="smalltext"><strong><a href="{$sorturl}&amp;sortby=subject&amp;order=asc">{$lang->thread}</a> {$orderarrow['subject']}</strong></span></td>
<td class="tcat" align="center" width="11%"><span class="smalltext"><strong><a href="{$sorturl}&amp;sortby=starter&amp;order=asc">{$lang->author}</a> {$orderarrow['starter']}</strong></span></td>
<td class="tcat" align="center" width="7%"><span class="smalltext"><strong><a href="{$sorturl}&amp;sortby=replies&amp;order=desc">{$lang->replies}</a> {$orderarrow['replies']}</strong></span></td>
<td class="tcat" align="center" width="7%"><span class="smalltext"><strong><a href="{$sorturl}&amp;sortby=views&amp;order=desc">{$lang->views}</a> {$orderarrow['views']}</strong></span></td>

<td class="tcat" align="right" width="20%"><span class="smalltext"><strong><a href="{$sorturl}&amp;sortby=lastpost&amp;order=desc">{$lang->lastpost}</a> {$orderarrow['lastpost']}</strong></span>
</td>
{$inlinemodcol}
</tr>
{$selectall}
{$announcementlist}
{$threads}{$nullthreads}
<tr>
<td class="tfoot" align="right" colspan="{$colspan}">
<form action="forumdisplay.php" method="get">
<input type="hidden" name="fid" value="{$fid}" />
<select name="sortby">
<option value="subject"{$sortsel['subject']}>{$lang->sort_by_subject}</option>
<option value="lastpost"{$sortsel['lastpost']}>{$lang->sort_by_lastpost}</option>
<option value="starter"{$sortsel['starter']}>{$lang->sort_by_starter}</option>
<option value="started"{$sortsel['started']}>{$lang->sort_by_started}</option>
{$ratingsort}
<option value="replies"{$sortsel['replies']}>{$lang->sort_by_replies}</option>
<option value="views"{$sortsel['views']}>{$lang->sort_by_views}</option>
</select>
<select name="order">
<option value="asc"{$ordersel['asc']}>{$lang->sort_order_asc}</option>
<option value="desc"{$ordersel['desc']}>{$lang->sort_order_desc}</option>
</select>
<select name="datecut">
<option value="1"{$datecutsel['1']}>{$lang->datelimit_1day}</option>
<option value="5"{$datecutsel['5']}>{$lang->datelimit_5days}</option>
<option value="10"{$datecutsel['10']}>{$lang->datelimit_10days}</option>
<option value="20"{$datecutsel['20']}>{$lang->datelimit_20days}</option>
<option value="50"{$datecutsel['50']}>{$lang->datelimit_50days}</option>
<option value="75"{$datecutsel['75']}>{$lang->datelimit_75days}</option>
<option value="100"{$datecutsel['100']}>{$lang->datelimit_100days}</option>
<option value="365"{$datecutsel['365']}>{$lang->datelimit_lastyear}</option>
<option value="9999"{$datecutsel['9999']}>{$lang->datelimit_beginning}</option>
</select>
{$prefixselect}
{$gobutton}
</form>
</td>
</tr>
</table>
<div class="float_left">
{$multipage}
</div>
<div class="float_right" style="margin-top: 4px;">
{$newthread}
</div>
<br class="clear" />
<br />
<div class="float_left">
<div class="float_left">
<dl class="thread_legend smalltext">
<dd><span class="thread_status newfolder" title="{$lang->new_thread}">&nbsp;</span> {$lang->new_thread}</dd>
<dd><span class="thread_status newhotfolder" title="{$lang->new_hot_thread}">&nbsp;</span> {$lang->new_hot_thread}</dd>
<dd><span class="thread_status hotfolder" title="{$lang->hot_thread}">&nbsp;</span> {$lang->hot_thread}</dd>
</dl>
</div>
<div class="float_left">
<dl class="thread_legend smalltext">
<dd><span class="thread_status folder" title="{$lang->no_new_thread}">&nbsp;</span> {$lang->no_new_thread}</dd>
<dd><span class="thread_status dot_folder" title="{$lang->posts_by_you}">&nbsp;</span> {$lang->posts_by_you}</dd>
<dd><span class="thread_status closefolder" title="{$lang->closed_thread}">&nbsp;</span> {$lang->closed_thread}</dd>
</dl>
</div>
<br class="clear" />
</div>
<div class="float_right" style="text-align: right;">
{$inlinemod}
{$searchforum}
{$forumjump}
</div>
<br class="clear" />
{$inline_edit_js}


forumdisplay_thread
<tr class="inline_row">
<td align="center" class="{$bgcolor}{$thread_type_class}" width="3%">{$GLOBALS['threadfields']['timg']['value']}</td>
<td align="center" class="{$bgcolor}{$thread_type_class}" width="3%">{$icon}</td>
<td align="center" class="{$bgcolor}{$thread_type_class}" width="3%">{$avatarep_avatar['avatarep']}{$thread_avatar}</td>
<td class="{$bgcolor}{$thread_type_class}">
{$attachment_count}
<div>
          <span>{$prefix} {$gotounread}{$thread['threadprefix']}<span class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}"><a href="{$thread['threadlink']}">{$thread['subject']}</a></span>{$thread['multipage']}</span>
<div class="author smalltext">{$thread['profilelink']}</div>
</div>
</td>
<td align="center" class="{$bgcolor}{$thread_type_class}"><a href="{$mybb->settings['bburl']}/misc.php?action=whoposted&tid={$thread['tid']}" onclick="MyBB.whoPosted({$thread['tid']}); return false;">{$thread['replies']}</a>{$unapproved_posts}</td>
<td align="center" class="{$bgcolor}{$thread_type_class}">{$thread['views']}</td>
<td class="{$bgcolor}{$thread_type_class}" style="white-space: nowrap; text-align: right;">
<td><span class="lastpost smalltext">{$lastpostdate} {$lastposttime}<br />
<a href="{$thread['lastpostlink']}">{$lang->lastpost}</a>: {$lastposterlink}</span>
</td>
{$modbit}
</tr>



2. Images of icons not shown on threadlists but shown on thread.
1... Alignment issue solved by changing colspan in forumdisplay_threadlist.

<td class="head" align="right" colspan="{colspan}">
<td class="tfoot" align="right" colspan="{colspan}">

changed to:
<td class="head" align="right" colspan="9">
<td class="tfoot" align="right" colspan="9">

If you are adding exttra columns in forumdisplay_thread and forumdisplay_threadlists than you can increase colspan to proper alignment.

2....Image issue solved. code is wrong as compare to dld_ templates.