| Autor | Zpráva | ||
|---|---|---|---|
| Filipos Profil |
#1 · Zasláno: 9. 4. 2014, 10:47:39
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 * |
#2 · Zasláno: 9. 4. 2014, 11:07:08
Odeber z-index od obsahu a dej ho tomu menu. Lepsi nez pouzivani visibility je v tomto pripade display: block/none.
|
||
| jenikkozak Profil |
#3 · Zasláno: 9. 4. 2014, 11:14:35
Problém by se měl vyřešit přidáním
position:absolute k vnořenému seznamu.
|
||
| Bubák Profil |
#4 · Zasláno: 9. 4. 2014, 12:06:57
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 |
#5 · Zasláno: 9. 4. 2014, 13:49:39
Díky všem za rady
|
||
|
Časová prodleva: 10 let
|
|||
0