Zakulacené rohy na stránce Mozilly

Zdravim, da se to udelat i pomoc css, zkus napriklad:

http://www.redmelon.net/tstme/4corners/ - a mrkni fd ozdroje pripadne hledej "Nifty corners"...

Používají :before a :after http://virtuelvis.com/gallery/css/rounded/ http://www.w3.org/Style/Examples/007/roundshadow.html

RiZe dobry odkaz je nekde na jakpsatweb na xulplanet, na webce to mam tu:
http://www.volny.cz/peter.mlich/www.htm#www51

Fred mas to nekde s gify? Aby to sezral i IE

peta IE png umí, neumí u nich semitrasparentnost, to v tomto případě není tak důležité, jako, že neumí :before a :after

Celkem jednoduchy zpusob (i validni) pomoci CSS - viz. tento priklad http://css.interval.cz/priklady/priklad-21-1.htm

RiZe To mě je ale přeci úplně jedno jestli se pleteš, nebo ne. Podstatné je, že MSIE to neumí.

Bude to hranatý, nic víc. Čili ničemu to neublíží.

Asi nejlepší jsou seriály na Intervalu.cz , http://interval.cz/?idcategory=14&idsubcategory=168

RiZe Stále víceméně reaguji na původní dotaz, jak to dělají na mozille. Nicméně kdyby člověk chtěl udělat kulaté rohy jen pro mozillu stačila by na to proprietární -moz-border-radius. Jestli Tě ale zajímá uživatel, tak věz, že je mnohem méně návštěvníků s vypnutým javascriptem, než těch co nepoužívají MSIE. Proto se raději poohlédni po js řešení. Třeba http://seky.nahory.net/2005/04/oble-rohy-nifty-corners/

Fred
Mozila border ma jednu vyhodu proti reseni before. A to tu, ze se zobrazi aspon normalni ramecek v IE.

S tim before souhlas, v IE to nejede, sem tusil, ze v tom bude nejaky podraz :) Ale zobrazi se pravy horni obrazek, tak to zas tak uplne spatne neni.

-moz-border ma ale nevyhody spatneho vykreslovani ve FF (nevim, zda to ma mozila oki), viz:
http://peter-mlich.wz.cz/x/dama.htm
(vsimni si pravy horni rozek u bilych kamenu)
A pak je tam problem s obrazkem na pozadi s kulatymi rohy.

Ten muj odkaz je sice menu, ale snad neni zadny problem si tu upravit pro cokoli jineho. Alespon ja s tim problem nemel ;)

Na mozilla.org to dělají obrázky ve tvaru kulatých rohů, zkus si vypnout obrázky a bude to hranatý. To je asi většinou nejvhodnější způsob.

Pak je ještě možnost v těch "nifty corners" a pak -moz-border-radius. Tam se ale nezbavíš aliasu (u nifty corners by to teoreticky šlo, ale byl by porod to napsat). Pokud chceš anti-aliasing, tak jedině obrázky.

Jak to nakódit se můžeš dočíst třeba tady (anglicky): http://www.sovavsiti.cz/css/corners.html

Opravdu nevim, co tu resite :) Tady http://css.interval.cz/priklady/priklad-21-1.htm si vemte priklad z toho menu a aplikujte na co chcete...jen pomoci CSS a je to ;)

Fuj, to je ale hroznej workaround :-( BTW zaujalo mě na tom něco jiného, ale to už je OT nevíte jak se jim tam podařilo sejmout rozšíření EditCSS? A je to na hodně stránkách té tzv. knihovny, vím, že pan Málek nemůže vystát mozillu kvůli adblocku, ale tohle by mě fakt zajímalo. Pardon.