Diskuze: RWD

HTML a CSS HTML a CSS RWD American English version English version

Avatar
mat.masar
Člen
Avatar
mat.masar:

Ahojte, poradil by mi někdo prosím co mám udělat, aby to bylo responzivní(na stranách by neměly být ty popruhy a to ani ze spodu...chtěl bych, aby se to vlezlo na "jeden display" a nemusel se uživatel posouvat do boku)
stránky jsou: www.minikoblizky.wz.cz

Předem díky za pomoc

 
Odpovědět 26.9.2015 16:04
Avatar
IT Man
Redaktor
Avatar
IT Man:

http://www.itnetwork.cz/…ni-webdesign
Máš zde pěkné tutoriály. V rychlosti: nesmíš zadávat fixní hodnoty a musíš používat pravidlo @media. Takže nastavíš rodičovskému elementu např.

max-width: 960px;
width: 100%;

Pak obsahu nastavíš také šířku na 100%:

width: 100%;

A pak v tom pravidlu si to už různě doladíš.

Nahoru Odpovědět  -1 26.9.2015 16:13
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na IT Man
Jiří Gracík:

To je docela blbost, vždycky bude muset použít fixní hodnoty a naopak pravidlo media nemusí vždy použít.

Nahoru Odpovědět  -1 26.9.2015 16:35
Creating websites is awesome till you see the result in another browser ...
Avatar
IT Man
Redaktor
Avatar
Odpovídá na Jiří Gracík
IT Man:

V jeho případě se to ale hodí. Má nějakou stránku, kde je jen obsah. Takže zadá to, co jsem psal výše.
A na odstranění těch popruhů musí použít pravidlo @media.

Nahoru Odpovědět  -1 26.9.2015 16:57
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na IT Man
Jiří Gracík:

Ne, na popruhy zrovna media použít vůbec nemusí :D

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět 26.9.2015 17:38
Creating websites is awesome till you see the result in another browser ...
Avatar
mat.masar
Člen
Avatar
Odpovídá na Jiří Gracík
mat.masar:

Tak jak by jsi to udělal ty? Aby to vypadalo tak jak jsem psal :D :P

 
Nahoru Odpovědět 26.9.2015 17:44
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Jiří Gracík
Tomáš123:

vždycky bude muset použít fixní hodnoty

Ja myslím, že nie. Prečo?

Nahoru Odpovědět  +1 27.9.2015 8:41
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na mat.masar
Tomáš123:

Posuvníky na stránke ti spôsobuje relatívna pozícia. Nie je to tak šikovné ako to vyzerá.
#hornidiv rozťahuje stránku doprava. Šírka je statická.
#pravydiv rozťahuje stránku doprava. Opäť neprispôsobivá šírka.
section s obsahom ti rozťahuje stránku keď sa dostaneš do "užších" rozlíšení. Opäť to spôsobuje relatívna pozícia. Použi float, použi margin, prípadne percentuálnu šírku a min-width. Relatívne pozície nie sú vhodné na skladanie layoutu.

Nahoru Odpovědět 27.9.2015 8:52
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
mat.masar
Člen
Avatar
 
Nahoru Odpovědět 27.9.2015 11:01
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Tomáš123
Jiří Gracík:

Protože třeba vertikální menu, prvky formuláře a podobný věci ani jinak dobře dělat nejdou :)

Nahoru Odpovědět 27.9.2015 11:50
Creating websites is awesome till you see the result in another browser ...
Avatar
Tomáš123
Člen
Avatar
Odpovídá na mat.masar
Tomáš123:

Ak som vyriešil tvoje preoblémy, prosím označ moju odpoveď za riešenie. Ďakujem

Nahoru Odpovědět 27.9.2015 15:20
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Jiří Gracík
Tomáš123:

Formuláre, hm, stále ide použiť percetná a keď sa niečo priveľmi zmení pridať responzívnu deklaráciu. To isté u menu. Width: 25%; min-width: 200px;

Určite je blbosť tvrdiť, že je blbosť, že vždycky nebude treba použiť pevné hodnoty.

Nahoru Odpovědět 27.9.2015 15:23
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Tomáš123
Jiří Gracík:

No když myslíš. Já už se hádat nebudu :)

Nahoru Odpovědět 27.9.2015 15:56
Creating websites is awesome till you see the result in another browser ...
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 13 zpráv z 13.