zaobljeni rubovi u CSS-u

[ zokiiii @ 07.02.2005. 14:50 ] @

Ovako imam obicnu tablicu pa me zanima da li mogu preko CSS-a napravit zaobljene rubove te tablice....
Naravno bez ikakvih slika i tome slicno...
??

[ sojic @ 07.02.2005. 15:00 ] @

Bez slike, ne verujem.

Evo ti hint:
http://www.redmelon.net/tstme/4corners/
http://www.sitepoint.com/article/rounded-corners-css-javascript

[ Nemanja Dubravac @ 07.02.2005. 15:50 ] @

dok ne izadje css3 (i dok ga vecina browsera ne pocne podrzavati), mozes jedino za mozillu da koristis privremeni -moz-border-radius

procitaj
http://www.webreference.com/dhtml/column70/3.html

[ Aleksandar Marković @ 07.02.2005. 16:17 ] @

http://acjs.net/weblog/2004/11/23/scalable_rounded_edges/

[ adelante @ 14.04.2005. 19:50 ] @

ili mozda nesto ovako

Code:

#sadrzaj {display: block;width: 300px;position: relative;}
.f1, .f2, .f3, .f4 {display:block; overflow:hidden; font-size:1px;}
.f1, .f2, .f3 {height:1px;}
.f2, .f3, .f4 {background:#663300; border-left:1px solid #fff; border-right:1px solid #fff;}
.f1 {margin:0 5px; background:#fff;}
.f2 {margin:0 3px; border-width:0 2px 0 2px;}
.f3 {margin:0 2px;}
.f4 {height:2px; margin:0 1px 0 1px;}
.tabla {display:block;background:#663300;border-left:1px solid #fff;border-right:1px solid #fff;}
p {margin:0 5px;padding:5px 0;line-height:1.2em;color:#FFCC66;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}

i dole

Code:
<div align="center">
<div id="sadrzaj">
<b class="f1"></b><b class="f2"></b><b class="f3"></b><b class="f4"></b>
<div class="tabla">
<p>Demonstracija table sa <br />
zaobljenim ivicama</p>
</div>
<b class="f4"></b><b class="f3"></b><b class="f2"></b><b class="f1"></b>
</div></div>

[ Nikola Denić @ 14.04.2005. 21:05 ] @

klasican hack ... dobra fora :)

[ White Weedow @ 26.04.2005. 01:28 ] @

Da ide u css3 ali ovako za sada jednostavno moras postaviti grafike u llayer koje su yaobljene i zadat im vrjednosti da stoje uz rub npr ovako
Ubacis grafiku i zadas joj vrednosti preko cssa nekad bude absolutna, Z-index 100
top neka bude -1px i left-1 px i ta ce stajati u lijevom gornjem cosku i tako za svaki cosak eto to je to!!!! evo primer

Code:
#gornjilevi {
    position:absolute;
    top: -1px;
    left: -1px;
    margin: 0px;
    padding: 0px;
    z-index: 100;
    visibility: visible;
}

[ Marko Bijelic @ 29.05.2005. 16:48 ] @

Citat:

Nemanja Dubravac:
dok ne izadje css3 (i dok ga vecina browsera ne pocne podrzavati),

Odnosno, negdje tamo u ljeto gospodnje 2010. godine...

Links:
http://www.alistapart.com/articles/mountaintop/
http://www.alistapart.com/articles/customcorners/

[ dejanc @ 29.05.2005. 19:31 ] @

Za css ne znam ali imas ovaj tag koji mislim da radi samo na XP-u...
<fieldset> koliko se ja secam...

[ Nemanja Dubravac @ 29.05.2005. 20:00 ] @

Citat:

zokiiii: Naravno bez ikakvih slika i tome slicno...

[ old @ 30.05.2005. 01:50 ] @

Umesto grafike ide bullet ili tačka serifnog fonta.
Onda se samo dobro pozicionira u "overflow hidden" kvadratiće, a oni u uglove pravougaonka.

Google search - would be useful - ako nekom treba praktičan primer.

Eksperimentisao sam dosta sa tim i moj zaključak je da se ne isplati. Ukratko:
Ivice budu reckave.
Ukupna ušteda u veličini fajlova je zanemarljiva.
Google očitava besmislene tačke.

Ako neko ipak krene da to pravi/sklapa, nek u startu obrati pažnju na "doctype" da ga ne bi iznenadile razlike u raznim verzijama ie.

(Ili je posle odgovora Adelante-a sve ovo izlišno)

[ adelante @ 30.05.2005. 08:47 ] @

ma evo vam na ovom linku pa pogledajte ima jos mnoogo toga.

[ old @ 31.05.2005. 01:07 ] @

Citat:

adelante: ma evo vam na ovom linku pa pogledajte ima jos mnoogo toga.

Taj je sajt "Mikelanđela za css" (Stuart Nicholls)! Preporučujem svakom!!

[ Marko Bijelic @ 20.07.2005. 08:45 ] @

Interesantno je da CSS Mikelandjelo ima ravno 58 godina! Naravno, ukoliko se ne zeza sa CSS omladinom :)

Citat:

About me (Stu Nicholls)

I am 58 years old, married with two children, work as an electronics design draughtsman and have a passion for computers and photography.

I started out with computers in the 1980s when I began writing articles on the ZX81 and ZX Spectrum for the computer magazines of the time. I was also commissioned by McGraw-Hill to write two books on Z80 programming for the ZX Spectrum.

With the passing of the Spectrum I lost interest in programming and just used computers for work (AutoCad etc).

The web was the next big attraction and once more I became hooked, as you can no doubt tell, with CSS. This site has been around for about a year now and, although not as well known as 'the big boys', my monthly bandwidth is about 16GB so it is not doing too badly. I thank you all for your support and comments as it does make it all worthwhile.

[ Aleksandar Marković @ 06.02.2006. 16:09 ] @

http://www.smileycat.com/miaow/archives/000044.html