MyBB Community Forums

I've rounded the top right and top left borders of my thead class. The ProStats plugin uses the thead class in the table where it displays the statistics, but for some reason the thead there doesn't have rounded borders. I've taken a look at the code and I couldn't figure anything out, which is why I'm here to ask you guys for some assistance. Here's the HTML for the ProStats table.

<div id="prostats_table">
		{$remote_msg}
		<table width="100%" border="0" cellspacing="{$theme[borderwidth]}" cellpadding="0" class="tborder">
		<thead>
		<tr><td colspan="{$num_columns}">
			<table border="0" cellspacing="0" cellpadding="{$theme[tablespace]}" width="100%">
			<tr class="thead">
			<td><strong>Forum Statistics</strong></td>
			<td style="text-align:{$ps_ralign};"><a href="" onclick="return prostats_reload();">{$lang->prostats_reload} <img src="{$mybb->settings['bburl']}/images/prostats/ps_reload.gif" style="vertical-align:middle;" alt="" /></a></td>
			</tr>
			</table>
		</td>
		</tr>
		</thead>
		<tbody>
		{$trow_message_top}
		<tr valign="top">
		{$prostats_content}
		</tr>
		{$trow_message_down}
		</tbody>
		</table>
		<br />
		</div>

Here's my thead class:

.thead {
	background: #026CB1 url(images/beauty/thead_bg.gif) top left repeat-x;
	color: #F0F8FF;
        height:35px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-left-radius: 10px;
}

Any advice? I can't seem to figure it out...

Replace this:

<tr><td colspan="{$num_columns}">
             <table border="0" cellspacing="0" cellpadding="{$theme[tablespace]}" width="100%">
             <tr class="thead">
             <td><strong>Forum Statistics</strong></td>
             <td style="text-align:{$ps_ralign};"><a href="" onclick="return prostats_reload();">{$lang->prostats_reload} <img src="{$mybb->settings['bburl']}/images/prostats/ps_reload.gif" style="vertical-align:middle;" alt="" /></a></td>
             </tr>
             </table>
         </td>
         </tr>

For this:

<tr class="thead"><td colspan="{$num_columns}">
             <strong>Forum Statistics</strong>
             <div style="text-align:{$ps_ralign};float:right;"><a href="" onclick="return prostats_reload();">{$lang->prostats_reload} <img src="{$mybb->settings['bburl']}/images/prostats/ps_reload.gif" style="vertical-align:middle;" alt="" /></a></div>
         </td></tr>

I think you nead to remove <thead> and </thead> as i think this is what i did to get the rounded corners, since upgrading couldn't be bothered to redo template edits.

Unfortunately neither of those worked... Still looking for solutions!

try this

		<div id="prostats_table">
		{$remote_msg}
		<table width="100%" border="0" cellspacing="{$theme[borderwidth]}" cellpadding="0" class="tborder">
		
		<tr><td colspan="{$num_columns}">
			<table border="0" cellspacing="0" cellpadding="{$theme[tablespace]}" width="100%">
			
			<td class="thead"><strong>{$lang->prostats_prostats}</strong></td>
			<td style="text-align:{$ps_ralign};" class="thead"><a href="" onclick="return prostats_reload();">{$lang->prostats_reload} <img src="{$mybb->settings['bburl']}/images/prostats/ps_reload.gif" style="vertical-align:middle;" alt="" /></a></td>
			</tr>
			</table>
		</td>
		</tr>
		
		<tbody>
		{$trow_message_top}
		<tr valign="top">
		{$prostats_content}
		</tr>
		{$trow_message_down}
		</tbody>
		</table>
		<br />
		</div>

it may not be exactly as you like it but try this in place of existing code

I believe it's because the .thead class is given to the trow rather than the table cell. This should work, I think:

<div id="prostats_table">
        {$remote_msg}
        <table width="100%" border="0" cellspacing="{$theme[borderwidth]}" cellpadding="0" class="tborder">
        <thead>
        <tr><td colspan="{$num_columns}">
            <table border="0" cellspacing="0" cellpadding="{$theme[tablespace]}" width="100%">
            <tr>
            <td class="thead"><strong>Forum Statistics</strong></td>
            <td style="text-align:{$ps_ralign};"><a href="" onclick="return prostats_reload();">{$lang->prostats_reload} <img src="{$mybb->settings['bburl']}/images/prostats/ps_reload.gif" style="vertical-align:middle;" alt="" /></a></td>
            </tr>
            </table>
        </td>
        </tr>
        </thead>
        <tbody>
        {$trow_message_top}
        <tr valign="top">
        {$prostats_content}
        </tr>
        {$trow_message_down}
        </tbody>
        </table>
        <br />
        </div>

That seemed to be work Scoutie, but the thead now only goes across half of the table.

Here's the screenshot:

change

<td style="text-align:{$ps_ralign};">

to

<td style="text-align:{$ps_ralign};" class="thead">

should fill in the other half

Ah, so close! It worked but this is what I get:

Oh, use this HTML:

<div id="prostats_table">
        {$remote_msg}
        <table width="100%" border="0" cellspacing="{$theme[borderwidth]}" cellpadding="0" class="tborder">
        <thead>
        <tr><td colspan="{$num_columns}">
            <table border="0" cellspacing="0" cellpadding="{$theme[tablespace]}" width="100%">
            <tr>
            <td class="thead"><a href="" onclick="return prostats_reload();" style="float: right;">{$lang->prostats_reload} <img src="{$mybb->settings['bburl']}/images/prostats/ps_reload.gif" style="vertical-align:middle;" alt="" /></a><strong>Forum Statistics</strong></td>
            </tr>
            </table>
        </td>
        </tr>
        </thead>
        <tbody>
        {$trow_message_top}
        <tr valign="top">
        {$prostats_content}
        </tr>
        {$trow_message_down}
        </tbody>
        </table>
        <br />
        </div>