Autor | Zpráva | ||
---|---|---|---|
arapajovaSariba Profil * |
#1 · Zasláno: 28. 8. 2015, 15:40:40
Ahoj
mam obrázek o velikosti 120x120 a div o stejne velikosti, ktery je ve tvaru čtverce a je vyplněny barvu. Jak mam udělat, aby div měl pevnou velikost 120x120px a obrazek 100x50? Když změnim velikost obrazku na jinou, tak se změni cela velikost divu. .obrazek {height: 100px;width:50px;} .pozadi {border-radius: 100px !important;background: #000;height: 120px;height:120px} <img src='obrazke' class='obrazek pozadi'> |
||
Tomáš123 Profil |
#2 · Zasláno: 28. 8. 2015, 15:52:18
arapajovaSariba:
„Jak mam udělat, aby div měl pevnou velikost 120x120px a obrazek 100x50?“ Nastavíš div u pevnú veľkosť 120x120px:
<div class="pozadi"> <img src='obrazke' class='obrazek'> </div> .pozadi {width: 120px; height: 120px; background: #000;} /*Farba by mala byť deklarovaná obaľovaciemu prvku*/ .obrazek {height: 100px; width: 50px; border-radius: 100px;} Deklarácie zbytočne rozdeľuješ. Tiež !important je veľmi pravdepodobne zbytočný. Neskoršia deklarácia výšky a šírky prebíja predošlú. Triedy majú rovnakú prioritu.
|
||
Trejpa Profil |
#3 · Zasláno: 28. 8. 2015, 17:33:26
arapajovaSariba:
„Když změnim velikost obrazku na jinou, tak se změni cela velikost divu.“ To je nepravděpodobné, striktně zadané rozměry element dodržuje bez ohledu na vnitřní obsah. Pokud je obsah větší, než obalující element, obsah přeteče. Možná hledáš oříznutí overflow. příklad Kruh ze 120px čtverce uděláš zaoblením rohů 60px radiusem, ne 100px. |
||
Časová prodleva: 9 let
|
0