Autor Zpráva
Filipos
Profil
Dobrý den,

mám menu v divu a pod ním druhý div s textem, který chci ,aby se překrýval tím menu. když jsem použil záporný margin, tak se po najetí myši na položku menu zobrazuje stále text spodního menu a klikací oblast položek se zmenšila o prostor spodního divu. Mohl by mě někdo nasměrovat, čím to řešit?

Díky

HTML
<div id="menicko">
    <ul class="menu">
        <li><a href="menu.html">menu</a>
          
          <ul>
            <li><a href="item1">menu-item1</a></li>
            <li><a href="item2">menu-item2</a></li>
            
          </ul>
          
        </li>
    </ul>
</div>
    
<div id="obsah">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed convallis magna eu sem. Duis pulvinar.</p>
</div>

CSS
#menicko{
    border:solid black 1px;    
}

#obsah {
    border:solid red 1px;
    margin:0px 20px 0 20px;
    z-index:10;
}

.menu {
    list-style:none;
    margin:0;
    padding:0;
}

.menu li {
    
    width:150px;
}

.menu ul{
    
}

.menu a{
    display:block;
    background:red;
}

.menu li ul {
    list-style:none;
    visibility:hidden;
    padding:0;
    
}

.menu li ul li {
    
}

.menu li:hover ul{
    visibility:visible;
}
juriad_
Profil *
Odeber z-index od obsahu a dej ho tomu menu. Lepsi nez pouzivani visibility je v tomto pripade display: block/none.
jenikkozak
Profil
Problém by se měl vyřešit přidáním position:absolute k vnořenému seznamu.
Bubák
Profil
Filipos:
div s textem, který chci ,aby se překrýval tím menu“.
Já to řeším zpravidla tak, že elementu, který má překrývat, deklaruji z-index. Aby z-index fingoval, musí mít také deklarovanou absolutní nebo relativní pozici. tudíž bych pro #menicko deklaroval position: relative; a případně přidal vhodně velký z-index.
Filipos
Profil
Díky všem za rady

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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