Hallo allemaal,
Ik sukkel nu tegen een klein probleempje aan.
Momenteel ben ik bezig met een submenu mouse over in CSS.
Hoe zorg ik er nu voor dat zodra ik niet over "voetproblemen" ga het menu mooi aansluit bij de rest. Als ik er wel overheen ga moeten ze natuurlijk verschuiven naar beneden.
Menu ingeklapt
Menu uitgeklapt
PHP
<ul class="topmenu">
<li><a href="index.php?p=voetzorg">Voetzorg</a></li>
<li><a href="index.php?p=tarieven">Tarieven voetverzorging</a></li>
<li class="submenu"><a href="index.php?p=voetproblemen">Voetproblemen</a>
<ul>
<li><a href="#">Test 1</a></li>
<li><a href="#">Test 2</a></li>
<li><a href="#">Test 1</a></li>
</ul>
</li>
<li><a href="index.php?p=producten">Producten Kathleen Kay</a></li>
<li><a href="index.php?p=foto">Foto's van de praktijk</a></li>
</ul>PHP
ul.topmenu, ul.topmenu ul {
list-style-image: url(/images/square.png);
color: #00b4e4;
font-size: 14px;
line-height: 24px;
}
ul.topmenu li a{
color: #646567;
text-decoration: none;
font-size: 12px;
margin-top: 10px;
}
ul.topmenu li a:hover{
color: #00b4e4;
}
ul.topmenu li ul {
visibility: hidden;
color: #00b4e4;}
ul.topmenu li.submenu:hover ul {
visibility: visible;
}Alvast bedankt!
