Diskuze: Pár otázek k ujasnění.

HTML a CSS HTML a CSS Pár otázek k ujasnění. American English version English version

Avatar
Jir.Skal
Neregistrovaný
Avatar
Jir.Skal:

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
Odpovídá na Jir.Skal
Michal Žůrek (misaz):

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  -1 21.10.2013 22:06
Nesnáším {}, proto se jim vyhýbám.
Avatar
Kit
Redaktor
Avatar
Odpovídá na Jir.Skal
Kit:

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  +1 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
Redaktor
Avatar
Odpovídá na Jir.Skal
Honza Bittner:

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

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.