NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Matuš Kašprik
Člen
Avatar
Matuš Kašprik:3.2.2016 8:22

Zdravím mám taký problém. Chcem aby sa mi to menu po rozbalení prekrylo a nie posunulo vedľa. https://jsfiddle.net/e0Lreegn/4/ ďakujem :)

 
Odpovědět
3.2.2016 8:22
Avatar
Lava
Člen
Avatar
Lava:4.2.2016 7:26

Vyskakovacie menu musí byť position:absolute, jeho nadradená položka (v tvojom prípade <h2>) potom musí mať position:relative, aby limitovalo to vyskakovacie menu

KAždopádne máš to urobené dosť zle...

Nahoru Odpovědět
4.2.2016 7:26
Aspartám, sacharín, to je môj vitamín
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Lava
Tomáš123:4.2.2016 17:02

H2 nie je nadradené. Keď je to robené takto cez overflow, nemusí mať menu absolútnu ani jeho rodič relatívnu pozíciu.

Nahoru Odpovědět
4.2.2016 17:02
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Matuš Kašprik
Tomáš123:4.2.2016 17:10

Predpokladám, že ti vadí, že vysúvacia ponuka zalieza pod obsah. Potrebuješ, aby sa menu zobrazilo akoby na vyššej vrstve. Nastav prvku #menu relatívnu pozíciu.

Nahoru Odpovědět
4.2.2016 17:10
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Lava
Člen
Avatar
Lava:4.2.2016 18:11

Nadradené som nemyslel čo do DOM, ale čo sa týka výzoru na stránke... jemu skôr vadí, že keď otvoríš dropdown menu nejakej vrchnej položky, tak ti to presunie ostatné položky menu. A to je práve preto, že to neni position:absolute

Nahoru Odpovědět
4.2.2016 18:11
Aspartám, sacharín, to je môj vitamín
Avatar
Tomáš123
Člen
Avatar
Tomáš123:4.2.2016 19:14

Nadradené som nemyslel čo do DOM, ale čo sa týka výzoru na stránke

Zvyšok tvojej vety potom nedáva zmysel:

potom musí mať position:relative, aby limitovalo to vyskakovacie menu

Ako by mala relatívna pozícia nadpisu ovplyvniť to menu?

Zvyšok tvojej prvotnej reakcie som pochopil ako narážku na nesprávnosť vyhotovenia vysúvacieho menu, pričom funkčné je. Absolútna pozícia ničomu nepomôže. Pomohla by pri inej štruktúre.

Nahoru Odpovědět
4.2.2016 19:14
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Matuš Kašprik
Tomáš123:4.2.2016 19:20

Tá iná štruktúra je niečo takéto: http://tomas123.mujskript.cz/index.php?…

Nahoru Odpovědět
4.2.2016 19:20
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Matuš Kašprik
Člen
Avatar
Matuš Kašprik:6.2.2016 20:18

tak skúšal som obe rady ale ani jedna neuspešne. tá čo poradil Mego mi to hodilo všetko do jedneho riadku a tá čo poradil tomáš123 nefunguje. Je to len moja prvá stránka, potrebujem ju do školy a neviem ako sa pohnuť dalej tak by som poprosil a nejaké rady :D zatiaľ diki ;)

 
Nahoru Odpovědět
6.2.2016 20:18
Avatar
Tomáš123
Člen
Avatar
Tomáš123:6.2.2016 21:25

Pozmenil som štruktúru. Cez overflow nejde urobiť funkčné menu: http://kod.djpw.cz/qfub (možno by šlo písať trochu úspornejšie, ale ako vidíš, nejde navštíviť submenu položiek v prvom riadku, takže nemá cenu optimalizovať). Bez zmeny výšky sa to správa správne, ale menu sa dá iba prezerať: http://kod.djpw.cz/rfub.

Asi z týchto dôvodov sa takéto menu neuchytilo. Ale je to zaujímavý nápad. Funkčné menu by mohlo vyzerať takto: http://kod.djpw.cz/sfub. Ak chceš mať šírku submenu závislú na šírke nadpisu a naopak, asi to nie je možné. Niekedy sa s tým ešte pohrám. Pozri si tiež môj článok, na ktorý som ťa vyššie odkázal, a hotové riešenie.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
6.2.2016 21:25
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
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.