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

Vzácná 3písmenková doména VXA.cz

2 300 Kč

0 příhozů

Bitkoiny.cz

990 Kč

0 příhozů

Baskavoda.cz

22 990 Kč

0 příhozů

Nina.cz

49 000 Kč

0 příhozů

esente.cz

4 990 Kč

0 příhozů

Poptávky Více

Hledám tipy na prostor pro kávový kiosek (Praha a další velká města) – odměna 10–30 tis.

Nastavení FB a IG reklamy

Obchodně technický zástupce pro eshopy s průmyslovými stroji

Konzultace Abra API

Vytvoření e-shopu na míru / Woo / licenční

Pracovní nabídky Více

Migrace e-shopů na platformu Shoptet

IT Infrastructure Project Manager

Praha

Junior Fullstack developer

Práce z domu

Nabídky Více

🤖 Vývoj a integrace AI a Machine Learning řešení

Google Ads promo kódy (utrať 32000 Kč a získej 19000 Kč) nebo více

Nabídka AI tech startupu – nebo vstup dalšího společníka za 1/3 podíl ve firmě.

✨ Ušetřete čas: web a jídelní lístek na jednom místě 🍽️

React/NestJS – programátor