Autor Zpráva
Nikola
Profil
Prosím, můžete mi poradit jak udělám aby obsah byl obdelník se zakulácenými rohy?Díky.
Lonanek
Profil
např. www.w3schools.com/css/css3_borders.asp
Bubák
Profil
Já bych si dovolil odkázat na kvalitnější zdroje, než je w3schools.
Border-radius
Kulaté okraje v CSS
border-radius
Nikola
Profil
Mám to takto, ale rohy stále nejsou zakulácené.
div.Obsah {
    width: 90%;
    margin:auto; 
    background-color:white;
    border-radius: 15px;
    border : #000000 solid 0px;
    box-shadow: 10px 10px 5px #888888;

}
Bubák
Profil
Nikola:
Mám to takto, ale rohy stále nejsou zakulácené.
Kód je v pořádku.
Živá ukázka
Odkaz
Není problém ve velkém písmenu v názvu třídy? Pokud máš v CSS třídu Obsah, tak v HTML taky musíš mít třídu Obsah. Pokud k tomu není zvláštní důvod, doporučuji názvy (nejen) tříd malými písmeny.
Směrodatné nejasno » Na velikosti záleží?
Nikola
Profil
Bubák:
Ano, i v HTML mám třídu Obsah.

Edit: Tak se mi to teď podařílo tím, že sem nastavila border-radius u header a footer. Jen si nejsem jistá jestli je to takto úplně správné řešení?
Lonanek
Profil
Nikola:
"Mám to takto, ale rohy stále nejsou zakulácené.
v jakém prohlížeči?
Nikola
Profil
Lonanek:
Už mi to jde, když jsem nastavila border-radius pro header a footer

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: