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

Předpřipravený e-shop www.forhouse.cz

17 900 Kč

0 příhozů

ozzyosbourne.cz – Ozzy Osbourne

5 000 Kč

0 příhozů

🐾 Na prodej e-shop TopZverimex.cz – skvělý základ pro podnikání v oblasti chovatelských potřeb

12 000 Kč

0 příhozů

Webova aplikace

1 000 Kč

0 příhozů

Stopovaná.cz – stará letní hra, nově pro GPS hru, nebo jiný projekt

2 900 Kč

0 příhozů

Poptávky Více

Hledám někoho na analýzu konkurence a návrh plánu témat pro sociální sítě

Hledam strihace editora videi pro Youtube, Instagram, TikTok.

Investor pro skupinu fungujících projektů

Koupím databázi kontaktů ze slovenska

Grafické zpracování tiskovin na svatbu – nutná rychlá úprava do zítřejších 9 hodin

Pracovní nabídky Více

IT projekt manažer webových projektů

Brno

50 000 - 70 000 Kč

Webtrh hledá fleelance obchodníka / sales parťáka

Brno, České Budějovice, Hradec Králové, Jihlava, Karlovy Vary, Liberec, Olomouc, Opava, Ostrava, Pardubice, Plzeň, Práce z domu, Praha, Ústí nad Labem, Zlín

Hledáme Grafika/Grafičku – Ideamaker/kreativec

Nabídky Více

Rychlý systém/web s 10 000 HTML5 hrami 🎲

Databáze více než 350 000 kontaktů na OSVČ a firmy – ideální pro vaše e-mailové kampaně

[OpenServis] Vyladěný PrestaShop hosting pro maximální rychlost běhu PS

🎥 Střih a úprava videí pro sociální sítě i YouTube – rychle, moderně a spolehlivě

Sportovnivozy.cz + Rajaut.cz + Rajveteranu.cz – bannery a články