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...
??
Naravno bez ikakvih slika i tome slicno...
??
zaobljeni rubovi u CSS-u
Zaključano
Zakačeno
Bez slike, ne verujem.
Evo ti hint:
http://www.redmelon.net/tstme/4corners/
http://www.sitepoint.com/article/rounded-corners-css-javascript
Evo ti hint:
http://www.redmelon.net/tstme/4corners/
http://www.sitepoint.com/article/rounded-corners-css-javascript
Potpis
routing protocols enable routers to route routed protocols!
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
procitaj
http://www.webreference.com/dhtml/column70/3.html
Potpis
http://acjs.net/weblog/2004/11/23/scalable_rounded_edges/
Potpis
Quaerite et invenietis | Everything in life is Luck -- Donald Trump | http://www.akcenat.info | Momenat – Vaša instant doza vesti | Part Time Freelance Journalist
ili mozda nesto ovako
i dole
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;}
#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>
<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>
Potpis
klasican hack ... dobra fora :)
Potpis
ITSolutions - najeftiniji DialUp internet [ dialup flat za samo 275 dinara ]
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
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;
}
#gornjilevi {
position:absolute;
top: -1px;
left: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
visibility: visible;
}
Potpis
Citat:
Nemanja Dubravac:
dok ne izadje css3 (i dok ga vecina browsera ne pocne podrzavati),
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/
Za css ne znam ali imas ovaj tag koji mislim da radi samo na XP-u...
<fieldset> koliko se ja secam...
<fieldset> koliko se ja secam...
Citat:
zokiiii: Naravno bez ikakvih slika i tome slicno...
Potpis
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)
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)
ma evo vam na ovom linku pa pogledajte ima jos mnoogo toga.
Potpis
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!!
Interesantno je da CSS Mikelandjelo ima ravno 58 godina! Naravno, ukoliko se ne zeza sa CSS omladinom :)
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.
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.
http://www.smileycat.com/miaow/archives/000044.html
Potpis
Quaerite et invenietis | Everything in life is Luck -- Donald Trump | http://www.akcenat.info | Momenat – Vaša instant doza vesti | Part Time Freelance Journalist