Forums out of alignment

[Moneyman]

When I open up my forum, the alignment is completely wrong.
It's completely messed up, see this:

Is there anything I can do to fix it?
What template files do I need to show so you guys can fix it?
Thanks.

 

[Ghost]

Check your style & templates.
Go into Forumbit templates
Find the template for the stuff that's aligned wrong
Change:
-Width
-Colspan
-Percentage width

(it depends on how your theme was written up).
Colspan will show up like

<td class="x" colspan="#"> </td>

or something like that (I'm going off memory here)

 

[pandaa]

I'll fix this.

 

[Moneyman]

forumbit_depth1_cat:

<table border="0" cellspacing="0" cellpadding="{$theme['tablespace']}" class="tborder index-table">
<thead>
<tr>
<td class="thead" colspan="5">
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><span class="smalltext forum-desc">{$forum['description']}</span></div>
</td>
</tr>
</thead>
<tr><td class="no-padding">
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr><td>
<table border="0" cellspacing="7" cellpadding="0" style="width: 100%;">
{$sub_forums}
</table>
</td></tr>
</tbody>
</table>
</td></tr>
</table>
<br />

forumbit_depth1_cat_subforums:

<tr>
<td class="tcat" colspan="6"><strong>&raquo;&nbsp;&nbsp;<a href="{$forum_url}">{$forum['name']}</a></strong><br /><span class="smalltext">{$forum['description']}</span></td></tr>{$sub_forums}

forumbit_depth1_forum_lastpost :

<span class="smalltext">
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br />{$lastpost_date} {$lastpost_time}<br />{$lang->by} {$lastpost_profilelink}</span>

forumbit_depth2_cat:

<tr>
<td>
<table class="index-trow" border="0" cellspacing="0" cellpadding="{$theme['tablespace']}">
<tr>
<td align="center" valign="middle" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="name-subs" valign="middle">
<a href="{$forum_url}" class="forum-name">{$forum['name']}</a>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}<div>{$subforums}</div></div>
</td>
<td width="100" valign="middle" align="center" style="white-space: nowrap"><span class="forum-info">{$threads} {$lang->forumbit_threads} {$unapproved['unapproved_threads']}</span></td>
<td width="100" valign="middle" align="center" style="white-space: nowrap"><span class="forum-info">{$posts} {$lang->forumbit_posts} {$unapproved['unapproved_posts']}</span></td>
<td width="200" valign="middle" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>
</table>
</td>
</tr>

forumbit_depth2_cat_forum:

<tr>
<td>
<table class="index-trow" border="0" cellspacing="0" cellpadding="{$theme['tablespace']}">
<tr>
<td align="center" valign="middle" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" style="margin-left: -10px;" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="name-subs" valign="middle">
<a href="{$forum_url}" class="forum-name">{$forum['name']}</a>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}<div>{$subforums}</div></div>
</td>
<td width="100" valign="middle" align="center" style="white-space: nowrap"><span class="forum-info">{$threads} {$lang->forumbit_threads} {$unapproved['unapproved_threads']}</span></td>
<td width="100" valign="middle" align="center" style="white-space: nowrap"><span class="forum-info">{$posts} {$lang->forumbit_posts} {$unapproved['unapproved_posts']}</span></td>
<td width="200" valign="middle" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>
</table>
</td>
</tr>

forumbit_depth2_forum_lastpost:

<span class="smalltext">
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br />{$lastpost_date} {$lastpost_time}<br />{$lang->by} {$lastpost_profilelink}</span>

forumbit_depth3:

{$comma}{$statusicon}<a href="{$forum_url}" title="{$forum_viewers_text_plain}">{$forum['name']}</a>

forumbit_depth3_statusicon:

<img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="subforumicon ajax_mark_read" id="mark_read_{$forum['fid']}" />

forumbit_moderators:

<br />{$lang->forumbit_moderated_by} {$moderators}

forumbit_subforums:

<br />{$lang->subforums} {$sub_forums}

Is the problem anywhere here?<br /><br />-- 09 Feb 2013, 03:28 --<br /><br />Thanks pandaa.

 

[pandaa]

To be honest, I think I'm pretty competent about fixing CSS and HTML, but I can't find a single thing wrong with the templates. I honestly don't think it's CSS based either, seeing as how the class forum-info doesn't exist.

 

[Moneyman]

Then where might be the problem?<br /><br />-- 09 Feb 2013, 13:22 --<br /><br />@pandaa, I have some problems with my computer and can't seem to open it, so I'm talking on my phone. Apparently when I'm on my phone it doesn't allow me to edit templates, so I'd like to ask you to edit the templates following this: http://community.mybb.com/thread-123087.html

Thanks 🙂

 

[pandaa]

I've fixed it. 🙂