Wyśrodkowanie informacji pod avatarem.

wersja skryptu MyBB:1.6.8
adres forum:www.elitacs.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witajcie, krótko mówiąc forum mam już ogarnięte, ale te avatary obok postów wyglądają bardzo nieestetycznie, po prostu jakby to było na odwal, a przecież staram się robić aby wszystko było zapięte na ostatni guzik, zobaczcie tego screena :



Widać, że tak nieprofesjonalnie, krótko mówiąc chciałbym aby awatar był na środku, tylko nick żeby własnie był wyżej a nie niżej, potem pośrodku, wyśrodkowane te posty, reputacja, dołączył, ostrzeżenia itd, wszystko tak na środku, krótko mówiąc, tak jak na tym screenie :




Z góry dziękuje.

Tabelkę możesz wyśrodkować dodając do niej margines.
ACP»Style i szablony»Szablony»Twój styl»Opis posta»postbit_classic
Wyszukaj kodu z tabelką, w której jest awatar, powinno być tam coś takiego:

<table cellspacing="0" cellpadding="0" border="0" style="width:auto">

Jeżeli tego kodu tam nie ma, to otwórz szablon: postbit_avatar
Uzupełnij ją o dodatkowe parametry, lub po prostu zastąp:

<table cellspacing="0" cellpadding="0" border="0" style="width:auto;margin-left:auto;margin-right:auto;">

   

{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tr>
        <td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
        <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
        <span class="smalltext">
            {$post['usertitle']}<br />
            {$post['userstars']}<br />
            {$post['groupimage']}<br />
            {$post['useravatar']}<br />
            {$post['user_details']}<br />
        </span>
    </td>
    <td class="{$altbg}" valign="top">
        <table width="100%">
            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
            <br />
            <div id="pid_{$post['pid']}" class="post_body">{$post['steamprofile']}
                {$post['message']}
            </div>
            {$post['attachments']}
            {$post['signature']}
            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                {$post['iplogged']}
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
    <td class="{$altbg}" style="vertical-align: middle;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr valign="bottom">
                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                <td align="right">{$post['button_spam']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
            </tr>
        </table>
    </td>
</tr>
</table>

Takie coś tam mam, nic o avatarach znaleźć nie mogę.


DOKŁADNIE TAKI EFEKT CHCE UZYSKAĆ CO POKAZAŁEŚ.

Wklej zawartość szablonu postbit_avatar.

<table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<td style="padding: 0px"><img src=" http://img140.imageshack.us/img140/1426/ava012.png "></td>
<td style="padding: 0px" background=" http://img100.imageshack.us/img100/4274/ava02.png "></td>
<td style="padding: 0px"><img src=" http://img100.imageshack.us/img100/3032/ava03.png "></td>
</tr>
<tr>
<td valign="top" style="padding: 0px" background=" http://img100.imageshack.us/img100/8355/ava04.png ">
<td style="padding: 0px; background-color: " bgColor="">
<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="200" {$avatar_width_height} /></a>
</td>
<td style="padding: 0px" background=" http://img140.imageshack.us/img140/1559/ava06.png "></td>
</tr>
<tr>
<td style="padding: 0px"><img src=" http://img100.imageshack.us/img100/3305/ava07.png "></td>
<td style="padding: 0px" background=" http://img27.imageshack.us/img27/7939/ava08.png "></td>
<td style="padding: 0px"><img src=" http://img100.imageshack.us/img100/7288/ava09.png "></td>
</table>

Odświeżam, dalej mam z tym problem.