| Autor | Zpráva | ||
|---|---|---|---|
| Petronel Profil * |
#1 · Zasláno: 10. 5. 2018, 13:37:54
Zdravím, mám jednoduché vysouvací menu:
<style>
#menu ul {list-style: none; }
#menu {float: left; }
#menu ul li {float: left; padding: 7px 20px 10px 20px; display: inline-block; }
#menu ul li:hover {background-color: #e13c8c; color: #ffffff; }
#menu ul li a {font-family: 'sansationregular'; font-size: 90%; color: #01d0d2; text-decoration: none; }
#menu ul li a:hover {color: #ffffff;}
#menu li > ul{display: none;position: absolute;width: 100px; }
#menu li:hover > ul {color: #ffffff; display: block; background-color: #e13c8c; margin-left: -20px;padding: 0px 0px 0px 0px;}
#menu li li {display: block;position: relative;}
#menu li ul ul {left: 100px;top: 0;}
</style>
<div id="menu">
<ul>
<li class="active">menu1</li>
<li>menu2
<ul>
<li>podmenu1</li>
<li>podmenu2</li>
</ul>
</li>
<div class="clr"></div>
</ul>
</div>Takto samostatně mi kód funguje, když ho ale dám do svého webu. tak sice také funguje, ale jakmile zmenším rozlišení obrazovky, případně dám pravým tl. prozkoumat tak se mi ihned menu rozbalí. Po znovu načtení stránky je to zase v pohodě. Netušíte někdo kde hledat chybu proč se menu druhé úrovně zobrazí při změně velikosti okna? Děkuji |
||
| Tomášeek Profil |
#2 · Zasláno: 10. 5. 2018, 14:36:02
Petronel:
Jaký má smys dát sem funkční kód, když chyba nastává evidentně jinde (za nějakým breakpointem)? Dodej odkaz na web, kde je chyba k vidění. |
||
|
Časová prodleva: 5 let
|
|||
0