poradte mi nekdo, jak na kulate rohy?:((? Zkousel sem to pomoci obrazku, ale nak mi to nejde... A na internetu jsou samy anglicky navody
Fórum › CSS
Kulate rohy

Ano, jediné možné řešení je pomocí obrázků ;) Tady je to popsané: http://www.redmelon.net/tstme/4corners/
Zdar,
samozřejmě jsou i jiné dostatečně spolehlivé možnosti než obrázky.
Nějaké články:
http://borber.com/blog/?p=529
http://borber.com/blog/?p=503
http://seky.nahory.net/2005/04/oble-rohy-nifty-corners/
http://seky.nahory.net/2005/04/oble-rohy-nifty-corners/
http://www.maxiorel.cz/kulate-rozky
Něco speciální pro ASP.NET: http://borber.com/roundedbox/
A nebo je možné použít vlastnosti, které "jsou" v CSS3 (viz. jiné vlákno), ale to bych zatím nedoporučoval.
tak nakonec sem to vyresil takhle
<html>
<head>
<style>
b.rtop, b.rbottom{display:block;background: #2266AA}
b.rtop b, b.rbottom b{display:block;height: 2px; overflow: hidden; background: #FFFFFF}
b.r1{margin: 0px 0px 0px 20px}
b.r2{margin: 0px 0px 0px 15px}
b.r3{margin: 0px 0px 0px 12px}
b.r4{margin: 0px 0px 0px 9px}
b.r5{margin: 0px 0px 0px 7px}
b.r6{margin: 0px 0px 0px 5px}
b.r7{margin: 0px 0px 0px 4px}
b.r8{margin: 0px 0px 0px 3px}
b.r9{margin: 0px 0px 0px 2px}
b.rd1{margin: 0px 20px 0px 0px}
b.rd2{margin: 0px 15px 0px 0px}
b.rd3{margin: 0px 12px 0px 0px}
b.rd4{margin: 0px 9px 0px 0px}
b.rd5{margin: 0px 7px 0px 0px}
b.rd6{margin: 0px 5px 0px 0px}
b.rd7{margin: 0px 4px 0px 0px}
b.rd8{margin: 0px 3px 0px 0px}
b.rd9{margin: 0px 2px 0px 0px}
b.rtop b.r10{margin: 0px 0px 0px 1px;height: 3px}
b.rbottom b.rd10{margin: 0px 1px 0px 0px;height: 3px}
</style>
</head>
<body background="#2266AA">
<div background="#FFFFFF">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b><b class="r5"></b><b class="r6"></b><b class="r7"></b><b class="r8"></b><b class="r9"></b><b class="r10"></b></b>
Naky text tady bude napsany atd. tady bude pro zmenu taky text a tady taky tady by mohl byt i naky obrazek ale stejne tu je jen dalsi taxt...
<b class=rbottom><b class=rd10></b><b class=rd9></b><b class=rd8></b><b class=rd7></b><b class=rd6></b><b class=rd5></b><b class=rd4></b><b class=rd3></b><b class=rd2></b><b class=rd1></b></b>
</div>
</body>
</html>
Jinak vsem dekuju za odpovedi ?:ok:?
hmm ty ostatně buď nejsou pro všechny prohlížeče anebo to jsou značně neelgeantní řešení, takže prakticky to jsou jen řešení pomocí obrázku..

Přidej příspěvek
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
































Uživatelé prohlížející si toto vlákno
Podobná vlákna
Kulaté rohy — založil Antabus
Kulaté rohy v CSS — založil Ondřej Šplíchal
Zaoblene rohy — založil matouch
JButton - Zaoblené rohy — založil D-Fox
Omieľaná otázka...zakulacené rohy prvku... — založil Anonymní uživatel
Moderátoři diskuze