Miért nem működik ez az alemnu?
<div class="menu">
<ul>
<li><a href="">Menu 1</a></li>
<li class="has-submenu"><a href="">Menu 2</a></li>
<ul class="submenu">
<li><a href="">első almenüpont</a></li>
<li><a href="">második almenüpont</a></li>
<li><a href="">harmadik almenüpont</a></li>
</ul>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>
</div>
<style>
.submenu{
position: absolute;
width: 220px;
margin: 50px;
display: none;
}
.has-submenu{
position: relative;
}
.has-submenu:hover.submenu{
display: block;
font-size: 50px;
}
</style>
Tamár Mérei oktató videója alapján csináltam. Lehet valami kimaradt? Neki megjelenik, nekem meg nem.
Őt szereti a webböngésző, engem még nem fogadott el :D
Elcsesztem a html-t..
Rájöttem közben
Ez így helyes:
<li class="has-submenu">
<a href="">Menu 2</a>
<ul class="submenu">
<li><a href="">első almenüpont</a></li>
<li><a href="">második almenüpont</a></li>
<li><a href="">harmadik almenüpont</a></li>
</ul>
</li>
Meg a css:
.has-submenu:hover>.submenu{
display: block;
font-size: 50px;
}
(A font-ésize értelmetlen, csak a próba miatt írtam bele amőgy)
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!