Diskuze: Změna šířky elementu

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

Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Michal Žůrek (misaz):

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:

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
Redaktor
Avatar
Odpovídá na Drahomír Hanák
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Marek Z.
Redaktor
Avatar
Marek Z.:

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
Redaktor
Avatar
Odpovídá na Marek Z.
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Marek Z.
Redaktor
Avatar
Marek Z.:

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.