Autor | Zpráva | ||
---|---|---|---|
jefitto44 Profil |
#1 · Zasláno: 3. 12. 2013, 12:23:44
O CSS3 neviem akosi nič nájsť v slovenčine/čestine, preto by som sa chcel opýtať, ako sa dajú zaobliť rohy? Mám objekty, ktoré sú ohraničené vlastnosťou border: 2 2 2 2 a chcel by som, aby sa tieto rohy zaoblili. Existuje na to údajne nejaká vlastnosť. Lenže aká? Kde môžem nájsť niečo o CSS3/html5 v Slovenčine/Čestine?
PS: Nie, nie je to o tom, že nerozumiem anglicky, ani o tom, že by som bol lenivý |
||
Str4wberry Profil |
#2 · Zasláno: 3. 12. 2013, 12:25:26
|
||
Plaváček Profil |
#3 · Zasláno: 3. 12. 2013, 12:25:31
jefitto44:
border-radius. Více o CSS3 zde: http://www.zdrojak.cz/n/css3/ |
||
jefitto44 Profil |
#4 · Zasláno: 3. 12. 2013, 12:59:58
Akosi mi to nefunguje... píšem dobre?
#header { padding:50px 25px 0 25px; margin:0 0 15px 0; background:#fff; border-left: 2px solid #86bdc4; border-right: 2px solid #86bdc4; border-bottom-right-radius: 2px solid #86bdc4; border-top-left-radius: 2px solid #86bdc4; } Tie bordery, kde je dopisany radius úplne vynecha |
||
han5vk Profil |
Prečo udávaš 4 bordery, čo vyzerajú rovnako? Úplne stačí
border: 2px solid #86bdc4 . Následne pre zaoblenie buď border-radius: 20px , pre všetky rohy oblé, alebo pre ľavý horný a pravý dolný takto: border-radius: 20px 0px 20px 0px (hodnoty sú v poradí zľava hore v smere hodinových ručičiek doprava a nadol). Tých 20px si môžeš upraviť, je to veľkosť oblúka pri zaoblení.
|
||
jefitto44 Profil |
#6 · Zasláno: 3. 12. 2013, 14:43:57
Jj, díky... teraz sa vyskytol problém ten, že layouty mi pretrčajú cez zaoblené okraje... nedá sa to nejako ukorigovať, aby som zaoblil aj tie layouty, ak nechcem tam dávať padding?
|
||
Trejpa Profil |
#7 · Zasláno: 3. 12. 2013, 14:54:25
jefitto44:
„nedá sa to nejako ukorigovať, aby som zaoblil aj tie layouty“ Bez paddingu nebo vnořeného bloku s marginem nedá. Můžeš ale obsah oříznout overflow: hidden .
|
||
jefitto44 Profil |
#8 · Zasláno: 3. 12. 2013, 17:13:15
A tento radius sa dá použiť aj na iné veci? Napríklad na obrázky? Lebo ak nie, potom je to dosť naho*no. Nemôžem spraviť ohraničenie obrázka, lebo mi bude presahovať cez zaoblené rohy borderu.
Jediným riešením teda je nechať pri radiuse 15px margin-top 15px, aby sa mi tam, kde sa to zaobľuje, zobrazil biely pruh a až pod nim začinal obrazok. Lenže to je kravina... aj tak budem musieť použiť Photoshop, ak budem chcieť, aby to vyzera ako sa patri |
||
maks Profil |
#9 · Zasláno: 3. 12. 2013, 17:16:57
jefitto44:
„A tento radius sa dá použiť aj na iné veci? Napríklad na obrázky?“ zkus a uvidíš. Výsledek bys věděl dřív, než jsi stihl nadatlovat tenhle hloupý příspěvek. |
||
jefitto44 Profil |
#10 · Zasláno: 3. 12. 2013, 17:36:50
Takže asi bude fungovať
|
||
Časová prodleva: 10 let
|
0