Ok so I want to add the tfoot class to the forums to make it look better, however every time I add it, the tables above it lose their width classes. Everything gets squished or stretched. Screenshots below.
With tfoot:
[
attachment=18615]
Without tfoot:
[
attachment=18614]
Any ideas on how to fix this?
Perhaps an table tag is missing?
I double triple quadruple checked.
Do you need to have text in the tfoot or not?
No, I just did it to see if having no text was the problem.
Okay, then I'd recommend (if you want the tfoot like thingy on erry table) using padding-bottom on .tborder to achieve that effect, and use a BG image for the gradient. Check out FW's tables (link in sig) to see what I mean.
I tried the padding-bottom and it still does the same thing :/
Post the code and relative CSS, something's foobar'd.
CSS:
http://demo.customybb.net/cache/themes/t...global.css
forumbit_depth1_cat:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
{$sub_forums}
</tbody>
<tr>
<td class="tfoot" colspan="5"></td>
</tr>
</table>
<br />
Hmm.. that's weird. I don't see anything wrong in the code yet it still does that. However, if you use the technique I mentioned it doesn't disrupt the layout.