| Autor | Zpráva | ||
|---|---|---|---|
| SirDoxik Profil |
#1 · Zasláno: 29. 1. 2015, 14:26:52
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 |
#2 · Zasláno: 29. 1. 2015, 14:34:59
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 |
#3 · Zasláno: 29. 1. 2015, 15:51:00
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 |
#4 · Zasláno: 30. 1. 2015, 14:12:03
Reaguji na Corwina:
Trik s paddingem mi přijde lepší, nestahuje se kvůli němu zbytečný obrázek.
|
||
|
Časová prodleva: 10 let
|
|||
0