Autor Zpráva
Petronel
Profil *
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
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í.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: