Autor Zpráva
CATerPILAR
Profil
Chci se zeptat u jakých elementů se dají nastavit kulaté rohy.
Jde to u DIV nebo TABLE?
Vladosik
Profil *
U <div>. Pomuze ti tohle?: http://www.css3.info/preview/rounded-border.html
Hyna
Profil
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
Profil
Vladosik:
podle mě to teda moc nefunguje.
Ted jsem to zkoušel.
quinux
Profil
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)
Vladosik
Profil *
TEd jsem to vyzkousel a funguje mi to. Ale ve Firefoxu. V IE bohuzel nikoliv.
Vladosik
Profil *
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...
Vladosik
Profil *
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>
roberta
Profil
ani v IE7 to nefunguje
použi skôr http://css.interval.cz/clanky/kulate-rohy/
Vladosik
Profil *
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...
Gappa
Profil
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 :)
Vladosik
Profil *
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
Plaváček
Profil
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í.
roberta
Profil
Plaváček
osobne by som sa formátovaniu vzhľadu dokumentu pomocou javascriptu vyhol... však na to je CSS
one_k
Profil
nejsem koder ale co ty kulate rohy generovat pomoci SVG?
Trejpa
Profil
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í.)
Toto téma je uzamčeno. Odpověď nelze zaslat.