Autor Zpráva
KryVosa
Profil
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>
se styly
.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?
KryVosa
Profil
No, měl bych možná jedno řešení: Jde 'podmínkovat' stylopisy velikostí viewportu?
RastyAmateur
Profil
Asi máš na mysli toto, také mě to napadlo, když jsem to četl.

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: