Pouze tento týden sleva až 80 % na e-learning týkající se Javy. A zároveň využij akce až 30 % zdarma při nákupu e-learningu - Více informací.
Hledáme koordinátorku kurzů a programátora, 100% home office, 100% flexibilní. Prozkoumej aktuální pozice
discount week 30 - hiring

Diskuze: Respozivní web

Aktivity
Avatar
Kamil
Člen
Avatar
Kamil:29.8.2013 8:51

Ahoj,

pro každého začínajícího webového "kodéra"(jinými slovy,pro koho kdo začíná dělat webové stránky) asi nastala ta chyba, která byla v tom, že ten daný člověk tvořil svůj web na monitoru a neměl ponětí, že ten web který se dobře zobrazuje na tom jeho monitoru se nemusí dobře zobrazovat na monitoru dalších lidí.

Jsem jeden z nich.

Tím bych se chtěl zeptat, až skončí soutěž Respozivní vizitka, jestli by byl někdo kdo by udělal nějáký návod jak respozivní web tvořit a nastínil jeho problematiku a další takové věci.

Děkuji za vaši odpověď.

 
Odpovědět
29.8.2013 8:51
Avatar
Kit
Redaktor
Avatar
Odpovídá na Kamil
Kit:29.8.2013 9:12

Myslím si, že vítězný responzivní web tady pak bude vystaven jako příklad, jak se to má dělat.

Nahoru Odpovědět
29.8.2013 9:12
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Vojtěch Jelínek (Slepice1):29.8.2013 21:59

Ahoj, dělám responzivní web do soutěže, ale nějak mi nefunguje @media

@media screen and (min-width: 480px){
    #textpoleprvni{
        width:100%;
        background-color:blue;
    }
   #profil{
        width:100%;
   }
    .vnitrni{
        max-width: 940px;
        background-color:yellow;
        margin: auto;
    }
}

Tahle část prostě nefunguje i když zařízení danou podmínku splňuje. Nevíte čím to může být?

 
Nahoru Odpovědět
29.8.2013 21:59
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Kit
Redaktor
Avatar
Odpovídá na Vojtěch Jelínek (Slepice1)
Kit:30.8.2013 7:25

Používá se max-width a úzká zařízení se dávají jako první.

Nahoru Odpovědět
30.8.2013 7:25
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Vojtěch Jelínek (Slepice1):30.8.2013 9:33

Opraveno, ale i tak to nefunguje.

 
Nahoru Odpovědět
30.8.2013 9:33
Avatar
Vojtěch Jelínek (Slepice1):30.8.2013 11:35

Povedlo se mi to opravit. Problém byl v tom že @media se musí nacházet nejlépe na konci css souboru.

 
Nahoru Odpovědět
30.8.2013 11:35
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 7 zpráv z 7.