Autor Zpráva
arapajovaSariba
Profil *
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'>
Diky
Tomáš123
Profil
arapajovaSariba:
Jak mam udělat, aby div měl pevnou velikost 120x120px a obrazek 100x50?
Nastavíš divu 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
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.

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:

0