Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Změna šířky elementu

Aktivity
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:5.2.2014 22:43

Ahoj, tak při vytváření nového portfolia mám jeden zásadní problém.
Mám tu takovou ukázku obrázků, které, když měním velikost výšky okna, nemění šířku rodičovského elementu - nyní je obarven červenou.

online ukázka : http://honzabittner.cz/

Takže kdyby někdo věděl jak na to, tak napište... :)

Odpovědět
5.2.2014 22:43
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:6.2.2014 14:00

Prostě když změníš výšku okna prohlížeče, tak rodičovský element obrázku nezmění šířku.

To potřebuji opravit... :)

Nahoru Odpovědět
6.2.2014 14:00
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Michal Žůrek - misaz:6.2.2014 14:08

Původně jsem se chtěl zeptat jak jsi vyřešil scrollovaní, to jsem pochopil při pohledu na definice jQuery.

 
Nahoru Odpovědět
6.2.2014 14:08
Avatar
Odpovídá na Honza Bittner
Drahomír Hanák:6.2.2014 20:23

Tohle nejspíš CSS nepůjde. Nejlepší by bylo, nemít tam ten rodičovský prvek (jen obrázek). Případně můžeš v JavaScriptu sledovat resize okna a měnit podle něj i ten DIV.

 
Nahoru Odpovědět
6.2.2014 20:23
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Drahomír Hanák
Honza Bittner:6.2.2014 20:36

Ani bez rodičovského to nejde.
Přes JS to dělat nechci.

Ono to spíš bude chyba nowrapu, neumí si dopočítat šířku obrázku.

Asi bude nejlepší když to předělám do ul/li.

Nahoru Odpovědět
6.2.2014 20:36
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:8.2.2014 12:26

Takto to má vypadat...

http://prntscr.com/2qkoj8

Bohužel se mi buď obrázky nezmenšují v poměru, nebo rodičovský element zachovává originální šířku.

Nemá někdo nápad jak to vyřešit, případně odkaz na stránku kde to takto mají? :P

Nahoru Odpovědět
8.2.2014 12:26
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Uživatel sítě :8.2.2014 18:36

Chápu-li to tak, že chceš dle velikosti okna (zobrazení stránky) měnit šířky všech obrázků?

Nahoru Odpovědět
8.2.2014 18:36
Chybami se člověk učí, běžte se učit jinam!
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Uživatel sítě
Honza Bittner:8.2.2014 18:52

Ano, mám obsah závislý na výšce v %.
Tzn. obrázky mají vždy na výšku 70% například + jsou centrované.
Ale když změnšíš okno (na výšku) tak se obrázky nedrží poměru.

Nahoru Odpovědět
8.2.2014 18:52
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Uživatel sítě :8.2.2014 20:22

U stylu .project .p-one img, změň width: auto; na min-width: 100%;. Myslím, že to bude dělat co požaduješ.. :)

Nahoru Odpovědět
8.2.2014 20:22
Chybami se člověk učí, běžte se učit jinam!
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.