oble tvary

zdravím,

robim web pre jedných známych a chcel by som tam dať nejaký ten oblý tvar - pre ilustráciu čo tým myslím: http://www.eon.cz/cs/corporate/profile/index.shtml - tam ten červený obdlžník hore je na pravom konci zaoblený - to by som chcel spraviť ale nejak neviem ako; a ani neviem čo mám zadat do googlu aby som to našiel. vedeli by ste niekto prosím poradiť?

Lol, žeby použiť taký obrázok?

no ok...dík; avšak ak ideš na www.eon.cz a potom klikneš na "společnost" a ta stránka sa ti načítava tak tam najprv vidno normálny obdlžnik a až potom sa ten obdlžnik "skosí" - to nevyzerá ako obrázok

To je obrázok...cez CSS vie urobiť zaoblené rohy, ale na toto je najjedoduchšie použiť obrázok

ja nechcem najjednoduchšie riešenie ale najfrajerskejšie

ak budeš taký dobrý hodíš mi nejakú stránku alebo osobné info ako sa cez css skosuje obrázok? - staci mi aj poradit čo mám hodit do google :-ú dík

síce sa do toho prd rozumiem,ale na výraz oblé rohy css hneď prvý odkaz v googli je 20 CSS typov napr

Prezradím ti tajomstvo ty kosič S CSS to môže ísť okrajovo ...

Teraz ti poviem ako to funguje.
Máš obdĺžnik červenej farby. Na jeho koniec pridáš jednoduchý obrázok, ktorý obsahuje zaoblený rok. A ten roh bude červenej farby, a to pozadie pod tým rohom (teda vykrojená plocha z bielej). V čom je tajomsto?

Že keď prídeš na stránku vydíš iba červený obdĺžnik, ale keď sa načíta obrázok, tak vidíš oblúčik.

Chceš dôkaz?
Tak si z ich stránky stiahni: http://www.eon.cz/img/u/section_motive.gif a daj si to na čierne pozadie [aby si videl ako je obrázok urobený] (a potom môžeš skúsiť biele, aby si vedel ako to funguje)

Neviem či je toto riešenie najfrajerskejšie, ale podľa mňa je najjednoduchšie, najrýchlejšie, najkratšie, najefektívnejšie, najlogickejšie a najlepšie.

díky za rady frajery

Určite by som sa radšej pozrel do nejakého grafického editora. Už aj v obyčajnom Skicári si môžeš vytvoriť svoj *.jpg s oblými hranami. Ak prispôsobíš jeho pozadie pozadiu na stránke, bude to vyzerať dobre.
Ak by si mal na stránke vzorkovanú tapetu alebo prechod farby (zo svetlej do tmavej alebo iné), ulož si obrázok s priehľadnými okrajmi ako *.gif.

ja len podoknes, že vo vývojovej verzií CSS (3) existuje funkcia border-radius z prehliadačov, čo som skúšal zatial takto dokáže zaobliť rohy len Chrome z čoho vyplýva, že to určite není univerzálne riešenie ako cez pozadia (obrázky).
Keď css3 výjde kto vie, kto vie možno to už bude fungovať všade

Dokáže to Webkit (čiže Chrome, Safari a iné odvodeniny) a aj Firefox (moz-border-radius).

snad nevadi riesenie cez javascript:)

DD_roundies je dobry script, ktory upravuje oble tvary v internet exploreri.
http://www.dillerdesign.com/experiment/DD_roundies/

Jeho pouzivanie je jednoduche, staci len doplnit parametre do jednej funkcie jquery.

na okraj: Tento script v sebe zarhnuje aj funckiu scriptu "DD_belatedPNG" na zobrazovanie transparentnych obrazkov v IE6, takze su to vlastne dva scripty v jednom