Autor Zpráva
H.V.
Profil *
Zdravím, potřeboval bych pomoci s překrytím obrázku.

Mám zde tento výsledný kód:

 <div id="useronline-3" class="widget-container widget_useronline rightwidget">
<h3 class="widget-title"><span class="title">Online uživatele</span></h3>

<div id="useronline-browsing-site">
<strong>
<a href='http://www.kristusjezis.cz/admin/' title='admin'>
<img alt='' src='http://www.kristusjezis.cz/wp-content/uploads/mingle/avatars/eed6eaf00f8dd3d34c07228639af069e_1379196665-50x50.jpg' class='avatar avatar-50 photo' height='50' width='50' /></a>

<a href='http://www.kristusjezis.cz/noemika/' title='noemika'><img alt='' src='http://www.kristusjezis.cz/wp-content/uploads/mingle/avatars/afb08173d2e1204954f74a2cfe63d7bc_1388067950-50x50.jpg' class='avatar avatar-50 photo' height='50' width='50' /></a>
</strong>
</div>
</div>

Výsledek je napravo: http://www.kristusjezis.cz/ u online uživatelů na avataru má překrývat obrázek s zeleným kolečkem.
Zkoušel jsem toto css:

#useronline-browsing-site .avatar-50{
background: url('http://www.kristusjezis.cz/img/online.png');
width: 50px;
height: 50px;
top: 0px;
left:0px;
z-index: 9999;
}

ale nefunguje to, poradíte mi prosím?
Stalker
Profil
Ahoj,

nechápu dotazu. Obrázek by měl překrývat jaké zelené kolečko? Na stránkách žádné nevidím.

Z-index ti bude fungovat pouze pokud daný objekt bude relativně nebo absolutně pozicovaný.
H.V.
Profil *
Stalker:

zkoušel jsem position: relative a nejede a když tam dam absolute tak se to rozhodí a stejnak taky nejede.

tento obrázek: má překrývat ty uživatelské avatary, které jsou napravo na těch stránkách.


výsledek má vypadat takhlenc:
H.V.
Profil *
tak už jsem to nějak vyřešil :-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: