Seříznutí obrázku

Radovan789:
nejlépe v nějakém grafickém editoru. Pokud chceš zobrazit z nějakého důvodu jen půlku obrázku, je zbytečné, aby ho prohlížeč musel stahovat celý (zbytečná data navíc). Totéž platí pro miniatury třeba v galerii - nezmenšovat v HTML, ale v editoru.

Radovan789:
„rád bych chtěl vědět řešení“
Rád bych věděl, proč chceš ořezávat obrázek pomocí CSS a pohrdáš užitečnou radou.
Dotatek: hodně to pomůže najít optimální řešení.

„Obrázek má 100px“
Co jsem zatím viděl obrázky, tak měly dva rozměry. ;-)

Radovan789:
sice nevím, co to je „anketoví proužek“, ale to asi nevadí. Stejně jsi označil užitečnou radu jako neužitečnou.


EDIT: tak díky [#7] už vím, zatím tě stejně nechám tápat :-)
Nápověda: nedělá se to obrázkem, pokud přesto na obrázku trváš, zobrazuje se celý.

Radovan789:
„Asi jsi ode mě chtěl slyšet že to jde pomocí background-image“
ano, přesně tak jsem to myslel. Je to obyčejný obrázek na pozadí. Co kdyby se šířka neurčovala u obrázku, ale u elementu, kterému to dávám na pozadí?

Stačilo najít si nějaký takový proužek na webu (u většiny anket podobné řešení je) a podívat se do kódu, že?

Radovan789:
„chceš tedy říct že bez elementu to vůbec nejde ?“
jakého elementu? Nejde to jako IMG. Máš jeden tag, který určuje šířku 100% a v něm druhý vnořený, který má background a šířku.

Příště se o inteligenci druhých raději nevyjadřuj, není to slušné. Snadno by se mohlo stát, že někoho urazíš takovým přístupem (nemyslím teď mě, mě to je buřt, co píšeš a příště si rozmyslím, jestli na tebe zareaguju).

Jde to, clip je úplně stejně použitelný jak před deseti lety, tak i dnes.
Vřechny normální CSS řešení jsi zavrhnul.

„ukaž mě anketu kde se proužek vždycky načte 1px.jpg , 2px.jpg, 3px.jpg atd...“
Co třeba proužek "anketa.gif" a generuje se v PHP, taky jsem už párkrát viděl.

Bezdůvodně zamítáš veškeré použitelné návrhy, to není moc inteligentní.

Radovan789:
„Nemám rád odpovědi tvého typu, příjdou mi moc arogantní“
já zase nemám rád otázky, které jsou obecné či nepřesné a lidi, kteří jsou líní dohledat si řešení dle nabídnutých indicií.

„Mě stačilo na začátku napsat že to musí být vnořeno v elementu DIV a bez toho to nepujde. To že píšeš že to není optimalizovaný mě je bohužel na nic“
nemohl jsem to napsat, protože jsi se ptal na něco jiného, než jsi chtěl. Ořezávat obrázek, resp. zobrazovat z něj jen část, není dobré řešit pomocí CSS, ale grafického editoru.

Nicméně, mám-li to brát jako omluvu, přijímá se.

Radovan789:
„Nakonec použiji tu variantu s background-image i když jsem to napřed nechtěl.“
Můžeš použít 1px průsvitný GIF, dáš mu patřičné rozměry a na pozadí dáš proužek.
Pokud bys použil DIV, tak ten je blokový a jednoduše vedle něj nedáš text, protože musíš použít floar, clear... Pokud blokové chování elementu požaduješ, třebas proto, že text bude pod proužkem, bude vhodnější použít DIV.

Pořád netuším, proč zavrhuješ clip, funguje spolehlivě.

Pro zajímavost můžeš kouknout na řešení bez obrázků, možná se ti zalíbí:
http://interval.cz/clanky/css-grafy/

Moc se nediv tomu, jaké jsi dostal odpovědi, než jsi se vymáčknul, co a proč chceš, hezky dlouho trvalo.
Kdybys napsal hned ve druhém příspěvku, že se jedná o anketní proužek, neptal bych se na výšku. Čím dáš přesnější zadání, tím přesnější dostaneš odpověď, protože nikdo netuší, o jakou "kulišárnu" se pokoušíš.

Bubák:
„Pořád netuším, proč zavrhuješ clip, funguje spolehlivě.“
v tomto případě je, myslím si, zbytečný. Většinou se v těchto případech jedná o nějaký šraf nebo gradient, tedy repeat-x obrázku.

Varianty, které odkazuješ, jsem se snažil naznačit už v [#8]. Zřejmě bez úspěchu :-)

Ale jinak máš pravdu, možností, jak toto udělat, je milion. Jen si vybrat.