Autor | Zpráva | ||
---|---|---|---|
KryVosa Profil |
#1 · Zasláno: 24. 11. 2015, 19:50:26
Dobrý večer přeji.
Mám takový malý problém: Mám tyto čtyři obdélníky: <a href="#" class="window"><img src="./1.jpg"><h3>Zátiší</h3></a> <a href="#" class="window"><img src="./3.jpg"><h3>Botky</h3></a> <a href="#" class="window"><img src="./2.jpg"><h3>Makro</h3></a> <a href="#" class="window"><img src="./4.jpg"><h3>Ostatní</h3></a> .window {border:2px solid lightgrey;margin:10px auto;display:inline-block;text-decoration:none;text-align:center;width:20%;height:70%;} .window img {height:100%;width:100%;} .window h3 {margin:0;padding:2px;font-size:1.2em;font-weight:bold;} A potřeboval bych poradit, jak to udělat tak, aby byly vždy dohromady velké jako rodičovský element a v případě, že by měli být menší než 300x400px tak se změnili na čtveřici čtverců složených do čtverce, stále vyplňující rodičovský element? |
||
Časová prodleva: 1 měsíc
|
|||
KryVosa Profil |
#2 · Zasláno: 30. 12. 2015, 17:42:04
No, měl bych možná jedno řešení: Jde 'podmínkovat' stylopisy velikostí viewportu?
|
||
RastyAmateur Profil |
#3 · Zasláno: 30. 12. 2015, 17:47:56
Asi máš na mysli toto, také mě to napadlo, když jsem to četl.
|
||
Časová prodleva: 8 let
|
0