Autor Zpráva
mimochodec
Profil
Chtěl bych elegantně vyřešit mazání obrázků v galerii. Představuju si to tak, že když najedu na náhled, nad jeho pravým horním rohem by se mi zobrazila miniaturní lišta, kde by byl křížek a tužka. Mohl by mě někdo navést? Prakticky jde o totéž, co je u příspěvků na FB. Myslím, že se to dá realizovat čistě pomocí css, ale netrvám na tom. Naopak jquery bych spíš nechtěl.
Stalker
Profil
Vytvoř si toolbar, například do nějakého divu, a ten absolutně napozicuj doprava nahoru (bottom: 100%;right: 0) vůči jeho rodičovskému elementu, v tvém případě obrázek v galerii.

No a defaultně nech toolbar skrytý, a když nahoveruješ na obrázek, tak ho zobraz.
mimochodec
Profil
Jak může být img něčeho rodičem? Nebo mám kvůli tomu každý obrázek balit do divu?
Krom toho tomu css asi něco chybí. Zobrazí se, ale není přes ten obrázek, je normálně nad ním.
Pozicování normálně vůbec nepoužívám, tak teď trochu tápu.


<div>
  <div class='tbox'>ddd</div>
  <a href='files-photo/8h8ubg-800.jpg'>
    <img src='files-photo/8h8ubg-150.jpg'>
  </a>
</div>

.tbox{
  bottom: 100%;
  right: 0;
}



Ještě mě napadlo, že by ten box mohl být na stránce jen jeden a mohl by se vždycky přesunout nad pravý roh toho obrázku pod myší. To už by se bez JS asi neobešlo, ale to mi nevadí. Potřeboval bych pak do něj nějak promítnout nějaké id, ale to už by se nějak dalo.


Tak jsem našel http://jsfiddle.net/5aKt8/7 a mám asi vyřešeno.
Stalker
Profil
mimochodec:
Pokud ho chceš mít v jeho horní části, ne nad ním, tak použij místo bottom: 100%, top: 0.

V tvém připadě dej div.tbox dovnitř tagu <a> a tagu <a> přidej posotion relative

Ps: celý obalovací tag <div> můžes pak vyhodit
mimochodec
Profil
Stalker:
Pokud ho chceš mít v jeho horní části, ne nad ním, tak použij místo bottom: 100%, top: 0.

Už chápu, nerozuměli jsme si. Díky.

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: