CSS Zobrazení submenu při Hover

23. 1. 2014 12:20:20

Dobrý den,

chtěl bych moc poradit o radu. Snažím se pomocí HTML/CSS vytvořit takové inline vyjížděcí menu. Vše se mi více méně podařilo dát do hromady, ale pokud najedu na položku, která obsahuje submenu, toto menu se zobrazí, ale jakmile se chci přesunout myší na zobrazené submenu, tento element přestane být viditelný.

Ukázka je zde:

http://jsfiddle.net/kuzmic11/cVGQt/

Myslím si, že problém je v této části a to konkrétně v +:

Původní řešení jsem měl s >, tak jak to řeší většina webů, ale v tomto případě to bohužel nepracuje.

Nevíte prosím kde jsem udělal chybu, aby submenu zůstalo vidět tak bych mohl vybírat kurzorem z jeho nabídky?

Předem děkuji za jakékoli rady

Kuzmic

23. 1. 2014 12:20:20

https://webtrh.cz/diskuse/css-zobrazeni-submenu-pri-hover/#reply988894

Patrik

(18 hodnocení)

23. 1. 2014 12:31:27

Cele zle

---------- Příspěvek doplněn 23.01.2014 v 12:33 ----------

V pripade ze ti nikto neporadi napisem ti to menu po praci co je po 17

23. 1. 2014 12:31:27

https://webtrh.cz/diskuse/css-zobrazeni-submenu-pri-hover/#reply988893

Tomáš Matonoha

(35 hodnocení)

23. 1. 2014 12:35:34

Zkus místo ul.nav li a:hover + ul.subnav použít .nav li:hover > .subnav

23. 1. 2014 12:35:34

https://webtrh.cz/diskuse/css-zobrazeni-submenu-pri-hover/#reply988892

Aleš Trunda

(16 hodnocení)

23. 1. 2014 12:36:23

Nesnažte se znovu vymyslet něco už je dávno vymyšleno.

Základní stavba typu

ul > li > ul {

display:none;

}

ul > li:hover > ul {

display:block;

}

funguje, podle tohoto se řiďte.

23. 1. 2014 12:36:23

https://webtrh.cz/diskuse/css-zobrazeni-submenu-pri-hover/#reply988891

Ondřej Krobot

(50 hodnocení)

23. 1. 2014 12:51:18

Děkuji všem. Už to jede.

23. 1. 2014 12:51:18

https://webtrh.cz/diskuse/css-zobrazeni-submenu-pri-hover/#reply988890

XEvilBestrinia

7. 12. 2018 12:49:59

Can admin or moderator give me working XEvil software??

It is best captchas solver, including Google ReCaptcha.

Im so need it for my marketplace!

Already found hardware key for XEvil:

3O1AllSstu5ZyPriRw_rinia

But dont understand, how to use it.

Thank for everybody, and sorry for my english!

PM me if you know anything, I can pay.

7. 12. 2018 12:49:59

https://webtrh.cz/diskuse/css-zobrazeni-submenu-pri-hover/#reply988889

XEvilBestrinia

11. 12. 2018 13:42:08

Can admin or moderator give me cracked XEvil captcha solver??

This is best captchas solver, including Google ReCaptcha.

Im so need it for my marketplace!

Already found hardware key for XEvil:

3O1AllSstu5ZyPriRw_rinia

But dont know, how to use it.

Thank for everybody, and sorry for my english!

PM me if you know anything, I can pay.

11. 12. 2018 13:42:08

https://webtrh.cz/diskuse/css-zobrazeni-submenu-pri-hover/#reply988888

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

Prodej e-shopu Hexagonky.cz / Hexagonky.sk

10 000 Kč

0 příhozů

Prodej eshopu s dětským zbožím a dekoracemi

45 000 Kč

0 příhozů

Prodej webů: zakockama.cz, cats69.sk, slovenskebaby.sk

30 000 Kč

0 příhozů

InteFact SK+CZ+COM

3 000 Kč

0 příhozů

vtube.sk + vtube.cz – automatizovaný portál s Youtube videami

3 000 Kč

0 příhozů

Poptávky Více

Copywriter na recenze hotelů

Poskytování pravidelných IT služeb

Aktualizace firemního webu na Drupalu a DXPR

Překlad z angličtiny do češtiny – právní dokument, 43 stran

Překladatel z bulharštiny do češtiny, Teplice

Pracovní nabídky Více

Low – Code vývojář

React Developer

Praha

IT specialista výrobní firmy – softwarová řešení, práce s daty – Kuřim

TEST ANALYTIK / TESTER – MEDIOR S AUTOMATIZACÍ

Praha

SPRÁVCE OPERAČNÍHO SYSTÉMU

Praha

Nabídky Více

Vytvořím weby, eshopy, portály, landing page na WordPressu

📱MixedApps s.r.o. | Vytváříme mobilní aplikace pro Android a iOS📱

PPC kampaně BLESKOVĚ + Kredit 8 500 Kč (Google Partner)

📱 Vývoj mobilních aplikací pro Android a iOS

Nabídka hezký čísel do firmy, vhodné například pro Taxi nebo linky, kde chcete lehce zapamatovatelná čísla.