Diskuze: prekrývanie menu

HTML a CSS HTML a CSS prekrývanie menu American English version English version

Avatar
Matuš Kašprik:

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. února 8:22
Avatar
Mego
Člen
Avatar
Mego:

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. února 7:26
Radšej 15 minút skôr, ako 15 sekúnd neskoro...
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Mego
Tomáš123:

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. února 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:

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. února 17:10
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Mego
Člen
Avatar
Mego:

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. února 18:11
Radšej 15 minút skôr, ako 15 sekúnd neskoro...
Avatar
Tomáš123
Člen
Avatar
Tomáš123:

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. února 19:14
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Tomáš123
Člen
Avatar
Nahoru Odpovědět 4. února 19:20
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Matuš Kašprik:

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. února 20:18
Avatar
Tomáš123
Člen
Avatar
Tomáš123:

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í
+1 bodů
Řešení problému
Nahoru Odpovědět 6. února 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.