21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
SirDoxik
Profil
Dobrý den, potřeboval bych poradit ohledně jedné věci. Nevím jak udělat aby byla šírka divu v poměru např 4:2. pomocí procent to jde dost špatně, jelikož to chci použít na responzivní web
Str4wberry
Profil
Obráceně to jde čistě v CSS: Výška závislá na šířce

V tomto případě bude asi nutné sáhnout po řešení v JS a prohodit šířku za výšku.
Corwin
Profil
zrovna o tomdle jsem nedávno psal článek :-)

uděláš to pomocí obrázku. přes <img> si tam dáš průhledný gif např. 200x100 pixelů, přes něj absolutně napozicovaný div pro obsah, tomu width 100% height 100% a je to. při resizu se container přizpůsobí obrázku a obrázek se přizůsobí vždy v poměru 2:1.

<container>
  <resizer img>
  <content>

  </content>
</container>

container resizer {width:100%;display:block;margin:0;}
container content {width:100%;height:100%;top:0;left:0;position:absolute;}

zjednodušený zápis.
Chamurappi
Profil
Reaguji na Corwina:
Trik s paddingem mi přijde lepší, nestahuje se kvůli němu zbytečný obrázek.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0