Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Ikony dostępności zmieniają swoje położenie

Błąd   Założony przez  Nexus..

wersja skryptu MyBB: 1.6.x
adres forum: http://www.fragcenter.eu
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam.
Mam problem z ikonami dostępności, które wraz z ilością znaków w nicku, oddalają się od miejsca w którym powinny być :
[Obrazek: 47eSU.png]

Chodzi mi żeby one były w stałym miejscy, tak jak u użytkownika nexus, tekst może wchodzić na ikonę...

Kod wygląda tak:
.offline_button {
background: url(images/offline.png) no-repeat;
display: inline-block;
width: 52px;
height: 68px;
margin-top: -5px;
margin-left: -70px;
position: absolute;
}


Proszę o pomoc,
Pozdrawiam ;)
Spróbuj usunąć position: abosolute;
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
Wtedy się wszystko rozjeżdża:
[Obrazek: 47fd4.jpg]
Może pokaż ten postbit_classic

Ten obrazek ustawia się względem napisu a nie .trow1
hm....
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
{$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>
{$post['onlinestatus']}
        <strong><span class="largetext">{$post['profilelink']}</span></strong><br />
        <span class="smalltext">
            {$post['usertitle']}<br />
            {$post['userstars']}
            {$post['groupimage']}
            {$post['useravatar']}<br />
            {$post['user_details']}
        </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['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_tyl']}{$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>
<tr style="{$post['tyl_display']}" id="tyl_{$post['pid']}">
    {$post['thankyoulike_data']}
</tr>
</table>
Show me a postbit_online and postbit_offline :D
@GiboneKPL - Może ten {$post['onlinestatus']} w jakiegoś diva wziąć?
Kombinowałem na szybko, ale coś mi nie wychodzi.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
Z czym wy macie problem :D w .offline_button i .online_button zmień
margin-left: -70px;
na
margin-left: -42px;
No właśnie nie bo jak są dwa posty i każdy z nich ma inną długość nicka to wszystko się przesuwa :)
Sprawdzałem to co piszesz.

http://www.fragcenter.eu/temat-polecam-17?pid=27#pid27
Weź sobie firebuga i sprawdź. :)
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
No faktycznie, niech zrobi to tak jak tu :)
https://webboard.pl/thread-44209.html



Użytkownicy przeglądający ten wątek:

3 gości