Autor | Zpráva | ||
---|---|---|---|
Sasa Profil |
#1 · Zasláno: 31. 1. 2010, 16:28:23
prosim neviete niekto ako sa daju zaoblit rohy
toto -moz-border-radius: 8px mi funguje len pre mozilu neviete niekto aby to fungovalo aj pre ine prehliadace? dik za rady |
||
Radek9 Profil |
#2 · Zasláno: 31. 1. 2010, 16:29:34
Dá se to odělat pomocí JS (hledejte „JS rounded corners“) nebo pomocí obrázků na pozadí.
|
||
Sasa Profil |
#3 · Zasláno: 31. 1. 2010, 16:32:56
Radek9:
/* CSS Document */ /* CSS Document */ body, html { font: 15px Century Gothic, Geneva, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; background-image: url(../obrazok/pozadie.jpg); } #uvodni { background-image: url(../obrazok/ucebnica.jpg); background-image: url(../obrazok/cvicebnica.jpg); font: 15px Century Gothic, Geneva, Arial, Helvetica, sans-serif; background-color:white; text-align: center; width: 900px; height: 800px; margin: 0px auto 0px auto; -moz-border-radius: 8px } #wrapper { background-color: #FFFFFF; background-properties: scroll; width:900px; height: 800px; margin: 0px auto 0px auto; -moz-border-radius: 8px } #header { background-image: url(../obrazok/header.jpg); height: 200px; text-align: left; -moz-border-radius: 8px } #telo { background-color: #FFFFFF; float: left; width: 895px; padding-left: 5px; height:auto; -moz-border-radius: 8px } #prava { background-color: #FFFFFF; float: right; width: 735px; padding-left:5px; height:auto; -moz-border-radius: 8px } #leva { float:left; height:0px; -moz-border-radius: 8px } #footer { width: 900px; height: 25px; overflow: hidden; position: relative; bottom: 0; left:178px; background: #0000CC url(../obrazok/foot.jpg) no-repeat; text-align: center; -moz-border-radius: 8px } /* Root = Vertical, Secondary = Vertical */ ul#navmenu, ul#navmenu li, ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 152px; /*For KHTML*/ list-style: none; } ul#navmenu li { display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative; } /* Root Menu */ ul#navmenu a { border: 1px solid #9933CC; border-right-color:#9933CC; border-bottom-color:#9933CC; padding: 0 0px; display: block; background:#CCCCFF; color: #FFFFFF; font: bold 15px/23px High Tower Text,Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 100%; /*For IE*/ -moz-border-radius: 8px } /* Root Menu Hover Persistence */ ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background:#FFFFFF; color:#CCCCFF; } /* 2nd Menu */ ul#navmenu li:hover li a, ul#navmenu li.iehover li a { background:#CCCCFF; color:#FFFFFF; } /* 2nd Menu Hover Persistence */ ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background:#FFFFFF; color:#CCCCFF; } ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; top: 0; left: 152px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; } ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu ul ul li.iehover ul { display: block; } konkretne pre tento css? |
||
Enyeus Profil |
#4 · Zasláno: 31. 1. 2010, 16:34:25 · Upravil/a: Enyeus
Můžeš to ještě rozšířit na jádro webkit (Chrome, Safari): -webkit-border-radius
|
||
Bubák Profil |
#5 · Zasláno: 31. 1. 2010, 16:39:17 · Upravil/a: Bubák
Pro Safari a Chrome:
-webkit-border-radius Pro Operu od verze 10.5 (zatím je jen alfaverze): border-radius Zaoblené rohy má podle slibů Microsoftu umět chystaný IE9. (Opraveno po habendorfově upozornění.) Metody použitelné už nyní zmínil Radek9, i s milým překlepem (o/u). |
||
habendorf Profil |
#6 · Zasláno: 31. 1. 2010, 16:45:27
Bubák:
„Zaoblené rohy má podle slibů Microsoftu umět chystaný IE8.“ IE9? |
||
mattyZEM Profil |
#7 · Zasláno: 31. 1. 2010, 16:48:23
Ale proč pak dělat něco, co stejně nefunguje na starých prohlížečích?
|
||
Sasa Profil |
#8 · Zasláno: 31. 1. 2010, 16:55:32
aha takze sa to akosi ani neda :(
|
||
panther Profil |
#9 · Zasláno: 31. 1. 2010, 17:05:59
Sasa:
„aha takze sa to akosi ani neda :(“ standardně se to řeší obrázkem na pozadí. Takže se to akosi dá, jen ne pomocí CSS vlastností z budoucnosti. |
||
Sasa Profil |
#10 · Zasláno: 31. 1. 2010, 17:08:02
panther:
a ten si mam v com vytvorit? |
||
mattyZEM Profil |
#11 · Zasláno: 31. 1. 2010, 17:09:17
Sasa:
„a ten si mam v com vytvorit?“ Malování, photoshop, cokoliv :) |
||
Časová prodleva: 13 let
|
0