Nauč se s námi víc. Využij 50% bonus na e-learningové kurzy.
Pouze tento týden sleva až 80 % na e-learning týkající se Javy

Diskuze: Jak zabránit sesypání horizontálního menu

Aktivity (3)
Avatar
karbos166
Člen
Avatar
karbos166:15.9.2015 23:15

Ahoj prosím o jednu radu dělal jsem víceméně podle tutoriálu zde na stránkách horizontální menu a nechal jsem nastavení stránky na "min-width:960px" jen když to člověk otevře na mobilu tak se mu to sesype do dvou řad popřípadě i když zmenší okno na PC. Chtěl bych poradit jak tomu zabránit , jeslti na to je nějaký scriptík momentálně se mi nechce zacházet do problematiky responzivního webu( i když vím že by to bylo jedno z řešení)

 
Odpovědět
15.9.2015 23:15
Avatar
Odpovídá na karbos166
Neaktivní uživatel:15.9.2015 23:35

Nejjednodušší je z horizontálního menu udělat opět vertikální :)

Nahoru Odpovědět
15.9.2015 23:35
Neaktivní uživatelský účet
Avatar
karbos166
Člen
Avatar
Odpovídá na Neaktivní uživatel
karbos166:15.9.2015 23:40

a v případě že bych z nějakého důvodu chtěl zůstat u toho horizontálního ? Jak bys to vyřešili ? :)

 
Nahoru Odpovědět
15.9.2015 23:40
Avatar
Odpovídá na karbos166
Neaktivní uživatel:15.9.2015 23:41

Jak bys toho chtěl docílit? Vejdou se vedle sebe položky menu?

Nahoru Odpovědět
15.9.2015 23:41
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel:15.9.2015 23:42

(Na daném rozlišení)

Nahoru Odpovědět
15.9.2015 23:42
Neaktivní uživatelský účet
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
karbos166
Člen
Avatar
Odpovídá na Neaktivní uživatel
karbos166:15.9.2015 23:47

ano na notebookovém rozlišení se mi to vejde a ted by mi naprosto stačilo aby v připadě zmenšeného okna (zobrazení na mobilu) to zůstalo tak jak na notebooku ale muselo by se to posouvat (na mobilu prstem).

 
Nahoru Odpovědět
15.9.2015 23:47
Avatar
Odpovídá na karbos166
Neaktivní uživatel:16.9.2015 0:44

Tak v tom případě bys tomu musel nastavit pevnou velikost menu a menu containeru nastavit overflow. Každopádně to je velice špatné řešení.

Nahoru Odpovědět
16.9.2015 0:44
Neaktivní uživatelský účet
Avatar
karbos166
Člen
Avatar
Odpovídá na Neaktivní uživatel
karbos166:16.9.2015 15:15

ano vím že to není nejlepší ale pro začátek bych to takle chtěl, nějak se mi to tím endaří nastavit povedlo se mi to jen když jsme u toho menu nastavil místo "float:left" tohle "display:inline-block" jenže mi pak přestalo fungovat jako dropdown menu

 
Nahoru Odpovědět
16.9.2015 15:15
Avatar
Odpovídá na karbos166
Neaktivní uživatel:16.9.2015 21:32

To měnit nepotřebuješ. Menu musíš nastavit takovou šířku, aby se do něj vše vešlo na jednom řádku, a pak ho nacpeš do elementu, kterému nastavíš overflow a šířku stránky, jak už jsem řekl.

Nahoru Odpovědět
16.9.2015 21:32
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 9 zpráv z 9.