Witam mam problem z kodem z rozwijaniem sie menu. Zrobilem to checkboxowym-hakiem i nie wiem czemu ale nie dziala mi to. Prosze o pomoc z gory dziekuje
.menu-zawartosc
{
font-family: impact;
overflow: hidden;
max-height: 50;
padding: 0 0 0 50px;
}
.menu-podstawa
{
background-color: white;
border-bottom: 3px solid black;
box-shadow: 1px 2px 3px gray;
}
.menu-podstawa ul
{
list-style-type: none;
}
.menu-podstawa a
{
text-decoration: none;
display: block;
color: black;
}
.menu-podstawa label
{
font-family: impact;
display: block;
background: url(menu.png) no-repeat left center;
background-size: 30px 30px;
padding: 10px 0px 10px;
cursor: pointer;
}
input#menu
{
display: none;
}
input[type=checkbox]:checked +label
{
background-image: url(close.png);
background-size: 30px 30px;
padding: 10px 0px 10px;
cursor: pointer;
}
input[type=checkbox]:checked ~ label
{
background-image: url(close.png);
}
input[type=checkbox]:checked ~ .menu-zawartosc
{
max-height: 100%;
}