CSS3 kulaté rohy

U <div>. Pomuze ti tohle?: http://www.css3.info/preview/rounded-border.html

V podstatě u všeho. A u té tabulky si budeš moc pomoct normálně pozadím, protože bude možný definovat víc pozadí na jeden element.

CATerPILAR
podle mě to teda moc nefunguje.
CSS 3 taky ještě není hotové a prohlížeče ho implementují jen z části. Být tebou tak se toho raději vyvaruju. ;o)

TEd jsem to vyzkousel a funguje mi to. Ale ve Firefoxu. V IE bohuzel nikoliv.

Jak pise quinux, CSS jeste neni uplne hotove. Zvlast IE to nezvlada. Ja treba ted vyuzivam opacity pro img. Dobry je ze ve Firefoxu nefunguji filtery a v IE zas to opacity (opet CSS3), tak to nakombinuji... Ale CSS3 to je jeste hudba budoucnosti...

CATerPILAR Pro jistotu uvadim presne kod, kdy mi to ve Firefoxu bez jakychkoliv problemu funguje.

<style>
p {
background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-top-right-radius: 5px;
border: 1px solid #000;
padding: 10px;">
</style>

<p>Tento odstavec ma ve Firefoxu zaoblene vsechny ctyri rohy. Bohuzel v IE 6 nikoliv, IE 7 nemam a tak nemohu vyzkouset.</p>

ani v IE7 to nefunguje
použi skôr http://css.interval.cz/clanky/kulate-rohy/

Oprava: Pardon, p v tom stylu ma byt samozrejme zakoncene zavorkou } a nikoliv >, prepsal jsem se. Ale nic to nemeni na tom, ze ve Firefoxu to jde. IE 7 to teda taky neumi... Osobne bych se na toto vykaslal a pouzil co pise roberta,proste div a na pozadi si dat obrazek se zaoblenyma rohama,hotovo...

Vladosik:

Překvapivě to funguje jenom v Gecku a ve Webkitu, když to tam sám píšeš pomocí proprietárních vlastností :)

Takovéto "kulaté" rohy (co jsem viděl v FF) nejsou zrovna nic krásného - daleko zajímavější je (bude) podpora více obrázku pro jeden element - to myslím vyřeší řadů problémů a odstraní zbytečný mark-up :)

No moc krasny opravdu nejsou, ale efekt to neni zas tak spatny... Vlastne asi nejsou zakulacene, jako spise postupne zkosene, nebo jak to popsat. Ale ikdyz v IE to nefunguje, da se to prekousnout a stejne to pouzit pro jednoduchy text, nejakou aktualitu a tak. Kdo pouziva IE bude to mit bohuzel bez zaobleni. Pro ukazku pridavam obrazek, ze mi to funguje: http://css.studiopole.cz/rohy.jpg

Vladosik

A co zkusit tohle fikané řešení?

http://www.html.it/articoli/niftycube/index.html

Pořád je to lepší, protože ty krásné kulaté rohy uvidí i uživatelé IE a tak jediní, kteří budou ochuzeni, jsou borci nemající k dispozici podporu javascriptu.

Těch ale tolik není.

Plaváček
osobne by som sa formátovaniu vzhľadu dokumentu pomocou javascriptu vyhol... však na to je CSS

nejsem koder ale co ty kulate rohy generovat pomoci SVG?

CATerPILAR
Na jiném místě jsem tu zveřejnil stránku s odkazy na padesát různých řešení kulatých rohů. Každý si tam může vybrat, zda se mu více hodí řešení s několika pozadími ve vnořených elementech, pozicovanými obrázky do rohů nebo javaskript. Takže tu:
http://www.smileycat.com/miaow/archives/000044.html [anglicky]
(Tohle je tady časté téma, pomohlo by hledání.)