| Autor | Zpráva | ||
|---|---|---|---|
| dalik Profil |
Zdravím,
řeším teďkom problém. Potřebuji, aby se mi obrázek roztáhnul na celý monitor(100% šířka) a zachoval proporce obrázku, při zmenšování. Normálně by to nebyl žádný problém a nastavil width:100% a height:auto, ale já mám obrázek v containeru, který má nastaven max-width:1170px.
HTML vypadá takhle: <div class="container">
<img src="http://upload.wikimedia.org/wikipedia/commons/b/b4/Capture_of_Jerusalem_1917d.jpg" alt="">
<img src="http://upload.wikimedia.org/wikipedia/commons/b/b4/Capture_of_Jerusalem_1917d.jpg" alt="">
</div>použil jsem position:absolute, aby to vzalo rozměry stránky a né containeru, to sice funguje výborně, ale pouze pro jeden obrázek. Jakmile přidám druhý, tak se překryje ten první. Ono je to teda logické, ale momentálně mě nenapadá, jak to vymyslet, aby to bylo pod sebou.
Zde je ukázka |
||
| Tomáš123 Profil |
#2 · Zasláno: 25. 9. 2014, 21:49:30
dalik:
Má nejaký špeciálny zmysel mať obrázok pri rozlíšení väčšom ako 1170px roztiahnutý na 100%? Ak nie bolo by lepšie absolútne poziciovanie vyhodiť a pokračovať obyčajným spôsobom. V prípade nutnosti 100% šírky je lepšie obrázky vložiť priamo do <body> a horným vonkajším okrajom vhodne posunúť.
|
||
| dalik Profil |
#3 · Zasláno: 25. 9. 2014, 21:56:05
Tomáš123:
„V prípade nutnosti 100% šírky je lepšie obrázky vložiť priamo do <body> a horným vonkajším okrajom vhodne posunúť.“ Do <body> to dát nemůžu. Text a obrázky jsou vloženy z administrace RS do konkrétního místa.
|
||
| Tomáš123 Profil |
#4 · Zasláno: 25. 9. 2014, 21:58:52
dalik:
„Text a obrázky jsou vloženy z administrace RS do konkrétního místa.“ A viete aspoň presnú výšku textu nad obrázkami? Ak sú iba dva, dal by sa každý z nich absolútne napoziciovať s udanými súradnicami left a top.
|
||
| dalik Profil |
#5 · Zasláno: 25. 9. 2014, 22:02:10
Všechno je dynamické, takže takhle to nepůjde.
|
||
| Tomáš123 Profil |
#6 · Zasláno: 25. 9. 2014, 22:10:13
dalik:
Niečo také by malo spĺňať vaše predstavy. |
||
| dalik Profil |
#7 · Zasláno: 25. 9. 2014, 22:19:34
Tomáš123:
Taky to ještě není úplně ono. Jelikož, když mezi to budu chtít dát text, tak se roztáhne taky do plné šíře. V nejhorším případě si text obalím do containeru, ale bylo by fajn kdyby vás napadlo ještě něco jiného. |
||
|
Časová prodleva: 10 let
|
|||
0