Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
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í.
Avatar
mat.masar
Člen
Avatar
mat.masar:26.9.2015 16:04

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
Jan Lupčík
Tvůrce
Avatar
Jan Lupčík:26.9.2015 16:13

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
26.9.2015 16:13
TruckersMP vývojář
Avatar
Odpovídá na Jan Lupčík
Neaktivní uživatel:26.9.2015 16:35

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
26.9.2015 16:35
Neaktivní uživatelský účet
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Jan Lupčík:26.9.2015 16:57

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
26.9.2015 16:57
TruckersMP vývojář
Avatar
Odpovídá na Jan Lupčík
Neaktivní uživatel:26.9.2015 17:38

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

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
26.9.2015 17:38
Neaktivní uživatelský účet
Avatar
mat.masar
Člen
Avatar
Odpovídá na Neaktivní uživatel
mat.masar:26.9.2015 17:44

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 Neaktivní uživatel
Tomáš123:27.9.2015 8:41

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

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

Nahoru Odpovědět
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:27.9.2015 8:52

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
Odpovídá na Tomáš123
mat.masar:27.9.2015 11:01

Aha, díky za rady

 
Nahoru Odpovědět
27.9.2015 11:01
Avatar
Odpovídá na Tomáš123
Neaktivní uživatel:27.9.2015 11:50

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
Neaktivní uživatelský účet
Avatar
Tomáš123
Člen
Avatar
Odpovídá na mat.masar
Tomáš123:27.9.2015 15:20

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 Neaktivní uživatel
Tomáš123:27.9.2015 15:23

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
Odpovídá na Tomáš123
Neaktivní uživatel:27.9.2015 15:56

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

Nahoru Odpovědět
27.9.2015 15:56
Neaktivní uživatelský účet
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.