Autor Zpráva
Mar
Profil
Potřebuji vykousnout přes CSS pouze kousek obrázku z celku, na cem je postavenej graficky celej Google......
Radek9
Profil
Mar:
Podívejte se na background-position.
Bubák
Profil
Příklad:
<div style="background: url(http://www.google.cz/images/nav_logo7.png) -20px 0; width: 95px; height: 27px">
</div>

<div style="background: url(http://www.google.cz/images/nav_logo7.png) 0 -27px; width: 102px; height: 35px">
</div>

<div style="background: url(http://www.google.cz/images/nav_logo7.png) -133px -26px; width: 18px; height: 18px">
</div>

Rozměry a pocice jde zjistit zkusmo, ale pokud toho budeš dělat více, tak doporučuji zjistit si souřadnice rohů obrázku v grafickém editoru a potřebné parametry spočítat třebas v Excelu a část CSS si nechat vypočítat (příklad, je sice na HTML, ale na princip je stejný)

Zapomněl jsem zmínit jeden problém ve starších IE, nebo ve všech IE v kompatibilním režimu (quirk) s výškou řádku, což je nejmenší výška elementu, ale jde jednoduše vyřešit:
http://diskuse.jakpsatweb.cz/?action=vthread&forum=7&topic=104401#2

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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