Autor Zpráva
Sasa
Profil
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
Dá se to odělat pomocí JS (hledejte „JS rounded corners“) nebo pomocí obrázků na pozadí.
Sasa
Profil
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
Můžeš to ještě rozšířit na jádro webkit (Chrome, Safari): -webkit-border-radius
Bubák
Profil
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
Bubák:
Zaoblené rohy má podle slibů Microsoftu umět chystaný IE8.

IE9?
mattyZEM
Profil
Ale proč pak dělat něco, co stejně nefunguje na starých prohlížečích?
Sasa
Profil
aha takze sa to akosi ani neda :(
panther
Profil
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
panther:
a ten si mam v com vytvorit?
mattyZEM
Profil
Sasa:
a ten si mam v com vytvorit?
Malování, photoshop, cokoliv :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: