Oříznutí rohů obrázku a přidání rámečku

Musilda:
-Môžeš dať viac obrázkov na pozadie.
-Môžeš vytvoriť jeden obrázok, ktorý bude vyzerať podobne ako chceš.
-Môžeš použiť staré riešenie pomocou tabuľky, kde vytvoríš tabuľku 9x9 a do strednej bunky umiestníš obsah, v tvojom prípade obrázok, a do ostatných obrázky guľatých rohov.
-Ak by šlo nejako pomocou border-radius docieliť podobného vzhľadu, čo sa asi nedá, lebo tam to potrebuješ zaobliť dvakrát, tak border okolo by nebol problém. Vyskúšam či by to šlo a potom ti napíšem.

Musilda:
Takýto je výsledok: http://kod.djpw.cz/iodb...No ako vravím, potrebuješ 2x zakriviť rohy (raz aby to šlo šikmo a druhý krát v rohoch) a to sa pomocou border-radius nedá.

Nejjednodušší je říct grafikovi, že je (vyber si třeba zde)
Můžeš takový výtvor vytvořit v grafickém editoru, pokud je po ruce blb grafik, třeba pomůže. Pokud má zešikmená číst obrázku sloužit jako odkaz, použít obrázkovou mapu.
Ve staré Opeře a ve WebKitu (Chrome, nová Opera...) mi funguje tahle opičárna: http://kod.djpw.cz/lodb, po doplnění o další vendor prefixy by to mohlo fungovat skoro všude až na IE8.

Pokud obrázek nemůžeš ořezat, tak bych otočil logiku zanoření. Je-li pozadí za obrázkem stálé a neposouvá se vůči němu, stačí před obrázek napozicovat odpovídající kousek pozadí s průhledovou dírou.

Bubák:
Šmarja, co je tak blbýho na obyčejným obrázku se zkoseným výřezem?