IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
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: Pár otázek k ujasnění.

Aktivity
Avatar
Jir.Skal
Neregistrovaný
Avatar
Jir.Skal:21.10.2013 21:43

Dobrý večer,

mám pár otázek, věřím,že mi je pomůžete ujasnit.

  1. Mám obsah
<div class="hlavni">
Text...Lorum ipsum
</div>
.hlavni{border:3px solid black;width:600px;height:900px;}

Z tohoto obaleného bloku bych chtěl blok, který by se na všech monitorech zobrazoval stejně.

  1. K čemu slouží min-width, max-width,min-height,max-width?
  2. Co je to @media? Jak s tímto parametrem pracovat.
  3. Když zapíšu do css #header> a. (Nesmyslný zápis, ale jde mi o to když zapíšu nějáký zápis co dělá to > mezi dvěma parametry)
  4. Respozivní design, jak s tím pracovat a tak. Mám pocit, že i tento web je tím napsán.

Omluvte mně jestli jsem se špatně v nějákém bodu vyjádřil. Učím se to.

Děkuji vám za vaše odpovědi.

S pozdravem
Jirka.

 
Odpovědět
21.10.2013 21:43
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na
Michal Žůrek - misaz:21.10.2013 22:06

1.) dopady můžeš zmírnit, ale nezamezíš jim
2.) min-width = minimální šířka, ...
3.) media queries, nastavíš speciální styly pro různé zařízení
5.) to máš vlastně otázku 2 a 3
BONUS ) skus příště použít lepší nadpis, třeba otázky o responzivním designu.

 
Nahoru Odpovědět
21.10.2013 22:06
Avatar
Kit
Tvůrce
Avatar
Odpovídá na
Kit:21.10.2013 22:15

width a height jsou pevné údaje. Pokud se do těch rozměrů něco nevejde, tak to co přeteče, neuvidíš.

Nahoru Odpovědět
21.10.2013 22:15
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na
Honza Bittner:21.10.2013 22:32

Pokud budeš mít nějaký div s textem který by reálně zabral 200px výšky, ale ty chceš mít vždy alespoň 470px výšku, nastavíš divu min-height.
Pokud chceš mít vždy maximální výšku divu třeba 723px, nastavíš mu max-height.

Header či a nejsou parametry, jsou to selektory(ozna­čuješ tím elementy v HTML), znak > označí všechny přímé potomky (a - dítě).

Podobně tak můžeme používat znak + (header + a), který nám označí další následující element a.

Editováno 21.10.2013 22:33
Nahoru Odpovědět
21.10.2013 22:32
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Jir.Skal
Neregistrovaný
Avatar
Jir.Skal:22.10.2013 17:03

Ahoj, díky za vaše odpovědi.

Kdybych tedy chtěl layout, který by se zobrazoval stejně jak na notasu, tak i na monitoru pro velké PC. Tak by to bylo?

@media .obsah{min.vyska,sirka,max,sirka,vyska?}

Díky.

 
Nahoru Odpovědět
22.10.2013 17:03
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 5 zpráv z 5.