Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Změna šířky elementu

HTML a CSS HTML a CSS Změna šířky elementu American English version English version

Aktivity (1)
Avatar
Honza Bittner
Šupák
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
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
Honza Bittner
Šupák
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
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
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  +1 6.2.2014 14:08
Nesnáším {}, proto se jim vyhýbám.
Avatar
Drahomír Hanák
Tým ITnetwork
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
Šupák
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
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
Honza Bittner
Šupák
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
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
Marek Z.
Redaktor
Avatar
Marek Z.: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
Šupák
Avatar
Odpovídá na Marek Z.
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
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
Marek Z.
Redaktor
Avatar
Marek Z.: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.