Lekerekítés

[tbence]

Nálam támogatja a Chorome Szal oksa
Elküldve:: 2009. December 14.  17:21:14Lteszteltem Operán FF-en Safarin IE-n és Chromeon...
IE és Opera kivételével tökéletesen működnek

[tomi6230i]

Google Chrome 4.0.223.16 biztos támogatja?

[Semmu]

és tök jó, h cross-browser az egész, ugye?

[Isti861]

én nálam nem pixeles ..  jó hogy ez is van css-be .. nem kell photoshopozni x))

Kód: CSS

1. div {
2. border-radius: 10px;
3. -moz-border-radius: 10px;
4. -webkit-border-radius: 10px;
5.  
6. }

a WebKit-es Safari és Chrome, valamint a Gecko-s Firefox támogatja
ebból én csak  firefoxal tudtam tesztelni  ..

[tbence]

Én is használom a CSS lekerekítést a Chrome-ban, de én nekem is pixeles volt, én ezt úgy oldottam meg hogy nem 20 px -et kerekítek mle hanem csak max 5px-et, és akkor nem tűnik fel hogy pixeles

[Suttogó]

Nem használni css lekerekítést...

[dever]

Nekem chrome 4 betaban működik a lekerekítés, csak pixeles. Ez ellen lehet valamit tenni?

[tbence]

Hupsz igazad van félre írtam. madbence csak valami káosz van a fejemben kösz hogy szóltál. Ami meg utána van . hát igen ez van de az ötlet gyűjtés nem árt

[Warner]

Rimelek nem is írt ebbe a topikba. Persze, használhatsz JS-es megoldást, csak ez nem CSS, az előttem szólók pedig úgy érzem ezt hitték róla. Pedig csak egy CSS tag mögé el van rejtve a JS. És így persze jóval lassabb is lesz.
Azért arra gondolhatsz, hogy manapság egyre többen neteznek valami kis mobil eszközről, amin nincs vagy csak alig van JS támogatás. A júzer pedig nem magára fog vetni, hanem rád. Jelen esetben persze ez nem gond, mert mi van akkor, ha nem lekerekítve jelenik meg a sarok? Semmi. Viszont nem szabad egy oldalt úgy felépíteni, hogy bizonyos szolgáltatásai egyáltalán ne  működjenek JS nélkül.

[tbence]

Hát nem tudom nekem tetszik a <madbence/> által beküldött megoldás szerintem nem baj ha JS-t használ, mert engem már nem érdekel ha valaki nem használ jJS-t akkor magára vessen. Majd írok neki egy <noscript>-et és kész.

[Warner]

Igen, kay94  pont ugyanezt mutatta. Csakhogy ez IE-ben, Opera-ban, Chrome-ban (és minden böngészőben, ami nem támogatja a CSS3-at) Javascriptet használ! Innentől kezdve nem CSS megoldás.

[<madbence />]

http://www.curvycorners.net/instructions/
Ez mondjuk cross-browser és nem használ képeket

[tomi6230i]

Chromeben meg egyik sem működik, úgyhogy inkább maradjunk a képeknél.

[Semmu]

Nekem ez IE8-ban egyáltalán nincsen lekerekedve.

erről beszéltem. nincs cross-browser megoldás, és kész. ha meg vkinek annyira kell a lekerekítés, akkor megrajzolja, azt' kész.

[Warner]

Nekem ez IE8-ban egyáltalán nincsen lekerekedve.

[Keveqiah]

Nekem nem kerekíti le..

[kay94]

Igen a -moz előtag teljesen mozilla specifikus!
és nincs igazaatok az ie is tudja kezelni a kerekítést csak okosnak kell hozzá lenni
tehát

-webkit-border-radius:
tehát egyedül a -moz változott -webkitre  
remélem segítettem
de egyébként megtekinthetitek a google keresés menüt az oldalamon!
az is ottvan
ha nem szabályellenes akkor itvan: http://lalesz.atw.hu

[tbence]

Nem baj oké értem... csak örültem volna ha lett volna olyan megoldás ami gyorsabb mint a képrajzolgatás, vagdosás illesztés stb.
De neharagudj mert ma én is idegroncs vagyok. mert egész hétvégén nem leszek itthon, és még készülök rá...

[Metts]

Hát úgy értem ha feldarabolsz egy képet abból csinálhatsz gyönyörű boxokat. És nem lesz "darabos"

Bocsi de ma nem tok fogalmazni.

[tbence]

Ez most hogy mire mit hogy?

[Metts]

A képnél sem látszik hogy az képből van.

[tbence]

Hát jó... csak hát szerintem akkor is mennyivel könnyebb lenne képeknélkül szórakozgatni vele... na mind1.
Viszont ha már itt tartunk, akkor mit javasoltok hogyan a legpraktikusabb lekerekített sarkokat készíteni úgy hogy ne látszon pl hogy darabokból van a kép meg minden... szóval hogyan érdemes szépen lekerekített sarkokat készíteni. ?

[Semmu]

ha jól tudom, akkor még az IE 8 (nyolc!) sem kezeli a lekerekítést.
bár ez engem nem zavar, számomra felesleges attribútum.

[tbence]

Linkeld már be azért azie -hez is jót mennivel jobb lenne ha végre lenne megoldás erre a lekerekítésre olyan, ami nem böngésző függő...

Nem azt állítottam hogy van, hanem hogy jó lenne ha lenne. 
És valyon olyasmi van hogy pl Chrome -ban lekerekítés? mert akkor lehetne olyasmit összedobni JS -el hogy ha ilyen ha olyan a böngésző akkor ez vagy az legyen megadva CSS tulajdonságnak.

[Semmu]

olyan nincs, max canvas vagy vmi ilyesmi, de az sem böngészőfüggetlen

[tbence]

Linkeld már be azért azie -hez is jót mennivel jobb lenne ha végre lenne megoldás erre a lekerekítésre olyan, ami nem böngésző függő...

[Warner]

Helló!

Ez a -moz kezdet meglehetősen Mozilla specifikusnak tűnik

[kay94]

Üdv
Tehát kezdhetjük is!
Ugyebár sokan kíváncsiak arra, hogy hogyan lehet lekerekíteni táblákat kép felhasználása nélkül!
Kezdjük is!
2 lehetőség áll a rendelkezésünkre!
vagy a jólmegszokott css be írjuk és valahogy így:

Kód: CSS

1. table {
2. -moz-border-radius:10; // ide a kerekítés méretét
3. }

vagy külön megadod a table nek a class részét és akkor viszont

Kód: CSS

1. .class neve
2. {
3. -moz-border-radius:10;
4. }
5. }

kb ennyi lenne
persze a jólmegszokott html tag-ba is beleteheted!

Kód: HTML

1. <table border="1" style="-moz-border-radius:10;" bgcolor="red"><tr><td>Ez már táblában van!</td></tr></table>

remélem segítettem!
Persze ez firefox és vagy operához jó tökéletesen!
de ha kell belinkelem az ie- hez is jót!