MyBB Community Forums

I have this in global.css, How to make it work?

#sidebar {

    float: right;
    width: 0;
    margin: 10px 0 0 10px;
}

.show-servers, .hide-servers {
    float: right;
    background: url(images/csgo/button_bg.gif) repeat-x;
    border: 1px solid #dfdfdf;
    padding: 3px 5px;
    border-radius: 3px;
    color: #036fa7;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    cursor: pointer;
    font-size: 11px;
    margin-top: -3px;
}

.show-servers:hover, .hide-servers:hover {
    background-position: 0 -24px;
    text-decoration: none;
}

.show-servers:active, .hide-servers:active {
    box-shadow: inset 0 0 5px rgba(0,0,0,.1);
}

And i have this in Index Template:

<table width="100%" cellspacing="0" cellpadding="4" border="0" align="center">
<td>{$forums}
{$boardstats}</td>
<td valign="top">
<td valign="top" width="160"><table border="0" cellspacing="0" cellpadding="4" class="tborder"><tr><td class="thead"><strong>Sidebox A</strong></td></tr><tr><td class="trow1">This is a sidebox, edit me to change this text.</td></tr></table><br />
</td>
</table>

But my settings from CSS doesn't work...

I believe you want this:

<table width="100%" cellspacing="0" cellpadding="4" border="0" align="center">
<tr>
    <td>
        {$forums}
        {$boardstats}
    </td>
    <td valign="top" width="160">
        <table border="0" cellspacing="0" cellpadding="4" class="tborder">
            <tr>
                <td class="thead">
                    <strong>Sidebox A</strong>
                </td>
            </tr>
            <tr>
                <td class="trow1">This is a sidebox, edit me to change this text.</td>
            </tr>
        </table>
    </td>
</tr>
</table>
<br />

The CSS won't work at all how it's currently coded though, but you shouldn't need it if you're using tables honestly.