Vložení obrázku na obrázek

Venca190:
Nejako takto, alebo takto. Neviem, prečo je to posunuté. Stačí nastaviť odsadenie zdola 5px.

Tomáš123:
„Neviem, prečo je to posunuté.“
Protože jsi divu nenastavil rozměry, a tak se roztáhl na výšku obrázku a spanu s position: static.
„Stačí nastaviť odsadenie zdola 5px.“
To není dobré řešení, protože výška onoho spanu je závislá na velikosti písma.

Venca190:
„jen ještě detail šlo by udělat, aby se obrázek změnil, když najedu na ten malý obrázek?“
Šlo, je to vcelku jednoduchá úprava. Skús nad tým porozmýšľať.

Jan Kozák:
„Protože jsi divu nenastavil rozměry, a tak se roztáhl na výšku obrázku a spanu s position: static.“
To nie je pravda. Od spanu to nezávisí. Nezávisí to ani od jeho pozície. V prvej ukážke napríklad nie je vôbec. Fixné rozmery pomôžu, ale riešenie môže byť flexibilnejšie.

Problém by som videl skôr v tom, že je tam kdesi medzera.

„To není dobré řešení, protože výška onoho spanu je závislá na velikosti písma.“
To je pravda. Jednak fixná hodnota je blbosť (o niečo menšia by bola em jednotka - IMHO stále nečisté riešenie), tak aj výška spanu závisí od veľkosti písma. Pomáha teda font-size: 0, line-height: 0 a určite aj iné resetovacie riešenia podobného charakteru.

Stále si ale neviem vysvetliť, kde ten posun vzniká. Už pred odoslaním minulého príspevku mi napadlo, že to budú medzery, tak som všetky vymazal. Tam riešenie nie je a ďalej som to neskúmal. Ešte je možné, že kdesi okolo obrázku niečo nejako implicitne vzniká.

Ráno bude múdrejšia večera.

Reaguji na Tomáše123:
Je to klasická mezera pod obrázkem, přesněji způsobená tím prvním (nepozicovaným) obrázkem. Stačí mu změnit vertical-align, nebo nastavit display: block.

Tomáš123:
„Neviem, prečo je to posunuté.“
Mne hned, aniž bych viděl, co píše Chamurappi, napadla mezera pod obrázkem.
Protože odkázaný freehosting už nefunguje, dávám odkaz na Wayback Machine.
web.archive.org/web/20130617113541/http://qu.wu.cz/webtest/mezera-pod-obrazkem.htm

Chamurappi, Bubák:
Mezera pod obrázkem je už na novém hostingu.