Menší bug s trojúrovňovým menu

26. 8. 2012 21:45:02

Ahojte,

mám menší problém s týmto menu. Keď prejdete myšou po menu 1 vysunie sa vam prvé submenu, v ňom keď prejdete po submenu1 vysunie sa vám ďalšie submenu, čo je v poriadku. Ale ked chcem prejsť myšou po subsubmenu2 tak sa menu to náhle schová. Vedeli by ste mi s tým niekto poradiť ?

http://jsbin.com/isupas/1/edit

Ďakujem pekne.

26. 8. 2012 21:45:02

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800991

Petr Zachrdla

(1 hodnocení)

26. 8. 2012 21:50:41

Nešlo by to elegantněji a bez problémově vyřešit v CSS?

---------- Příspěvek doplněn 26.08.2012 v 21:53 ----------

abys neřekl, že jsem pes, dal jsem to do google a tohle výsledek http://www.noupe.com/css/100-great-css-menu-tutorials.html

26. 8. 2012 21:50:41

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800990

grantorino

(1 hodnocení)

26. 8. 2012 22:15:19

Ok skusil som CSS ale to tretie menu nejako nefunguje http://jsbin.com/isupas/5/edit

26. 8. 2012 22:15:19

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800989

Petr Zachrdla

(1 hodnocení)

26. 8. 2012 22:19:24

V CSS máš naprogramované jen dvě úrovně

26. 8. 2012 22:19:24

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800988

grantorino

(1 hodnocení)

26. 8. 2012 22:25:38

ano ale myslel som menu submenu a dalsie submenu cuze mam tam 2 urovne submenu a to posledne je rozbalene a malo byt schovane

26. 8. 2012 22:25:38

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800987

Petr Zachrdla

(1 hodnocení)

26. 8. 2012 22:28:01

Já vím. To druhé submenu bere vlastnosti z #menu ul li:hover ul {display: block;}

To znamená, že pokud je hover nad prvním menu (root), tak se zobrazí první sub menu a druhé musíš zakázat do okamžiku než najedeš na první submenu.

Je to srozumitelné? ;o)))

26. 8. 2012 22:28:01

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800986

grantorino

(1 hodnocení)

26. 8. 2012 22:30:16

Ďakujem Bedříšek ale mohol by si mi to prosím napísať priamo do toho kódu som veľmi unavený a nemyslí mi to už. Bol by si tak ochotný ?

26. 8. 2012 22:30:16

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800985

Petr Zachrdla

(1 hodnocení)

26. 8. 2012 22:32:09

třeba doplněním #menu ul li:hover ul li ul {display: none;} ?

http://jsbin.com/isupas/9/edit

26. 8. 2012 22:32:09

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800984

grantorino

(1 hodnocení)

26. 8. 2012 22:35:11

Ďakujem :)

---------- Příspěvek doplněn 26.08.2012 v 22:37 ----------

Aha ale zase vzniká ten problém že z poslednej úrovne menu sa nedostaneš myšou na submenu 2 menu zmizne :(, takže sme znovu na začiatku len s inteligentnejšie riešeným kódom.

26. 8. 2012 22:35:11

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800983

Registrace

(1 hodnocení)

26. 8. 2012 22:40:10

V IE9 mi tohle CSS menu nefunguje :-)

26. 8. 2012 22:40:10

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800982

Petr Zachrdla

(1 hodnocení)

26. 8. 2012 22:46:42

Zkus http://sperling.com/examples/menuh/ . V IE9 jede ;o)

26. 8. 2012 22:46:42

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800981

grantorino

(1 hodnocení)

26. 8. 2012 22:52:06

Ok vďaka zajtra skúsim, škoda že ten bug sa nedá nejako odstrániť... Možno sa dá, ktovie.

26. 8. 2012 22:52:06

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800980

Petr Zachrdla

(1 hodnocení)

26. 8. 2012 22:53:29

Napsal grantorino;836811
Ok vďaka zajtra skúsim, škoda že ten bug sa nedá nejako odstrániť... Možno sa dá, ktovie.

Určitě se dá odstranit. Třeba si s tím někdo pohraje ;o)

26. 8. 2012 22:53:29

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800979

Ondřej Švec

26. 8. 2012 23:47:42

Abys zbytečně nemusel skrývat třetí úroveň, když najedeš myší na tu první a chceš zobrazit jenom druhou, tak stačí použít Child Combinator ">". Porpora je od IE7+.

Takže místo, abys napsal todle (viz Bedříškův odkaz http://sperling.com/examples/menuh/):

Tak napíšeš jenom todle:

____________________

Edit:

Tady ještě upravený JSbin http://jsbin.com/isupas/13/edit

____________________

Edit2:

Napsal grantorino;836802
Aha ale zase vzniká ten problém že z poslednej úrovne menu sa nedostaneš myšou na submenu 2 menu zmizne :(, takže sme znovu na začiatku len s inteligentnejšie riešeným kódom.

Toto je problém jenom správného napozicování. Když si z toho uděláš boxy a 3. úroveň si místo dolů posuneš doprava, tak všechno bude fungovat.

____________________

Edit3:

Tady jsem ještě našel menu s možností nekonečného zanoření (taky pomocí Child Combinator).

http://www.devinrolsen.com/wp-content/themes/dolsen/demos/css/infinite-sub-menu/

26. 8. 2012 23:47:42

https://webtrh.cz/diskuse/mensi-bug-s-trojurovnovym-menu/#reply800978

Pro odpověď se přihlašte.

Přihlásit