-
-
Notifications
You must be signed in to change notification settings - Fork 230
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
CSS menu doesn't work on old unicode.org #240
Comments
Funny. I ran into the same problem today with this: <style>
p + div {
display: none;
}
p:hover + div {
display: inline-block;
}
p {
display: inline-block;
}
</style>
<p>p1</p>
<div>
<p>123</p>
</div> Seems to me that Edit: |
Currently changing of "display" css property doesn't handled correctly. Actually even is the element size is changed by Currently the only way to make menu compatible with litehtml is using <style type="text/css">
ul.menu
{
display: block;
list-style-type: none;
padding: 10px;
width: 6em;
}
ul.menu li
{
position: relative;
}
ul.menu li:hover
{
background-color: black;
color: white;
}
ul.menu li:hover ul.submenu
{
visibility: visible;
}
ul.menu li:hover ul.submenu li:hover
{
background-color: darkgrey;
color: white;
}
ul.submenu
{
width: 200px;
top: 0;
left: 6em;
background-color: lightgray;
position: absolute;
display: block;
visibility: hidden;
list-style-type: none;
padding: 10px;
}
</style>
<ul class="menu">
<li>Menu item1
<ul class="submenu">
<li>Submenu item1-1</li>
<li>Submenu item1-2</li>
<li>Submenu item1-3</li>
</ul>
</li>
<li>Menu item2
<ul class="submenu">
<li>Submenu item2-1</li>
<li>Submenu item2-2</li>
<li>Submenu item2-3</li>
</ul>
</li>
<li>Menu item3
<ul class="submenu">
<li>Submenu item3-1</li>
<li>Submenu item3-2</li>
<li>Submenu item3-3</li>
</ul>
</li>
</ul> |
Site: old unicode.org
Problem: left menu doesn't work.
Minirepro:
This should display subitem when hovering item.
The text was updated successfully, but these errors were encountered: