hallo,
ik ben bezig om van een vertikaal menu een horizontaal menu te maken, met als ik met de muis over bepaalde items heen gaat een submenu die onder elkaar staat, maar deze items staan naast elkaar ipv onder elkaar en ik krijg de fout niet gevonden
hier de CSS code die betrekking hebben op het menu:
Wie kan mij helpen en ziet welke fout ik maak
Alvast bedankt
ik ben bezig om van een vertikaal menu een horizontaal menu te maken, met als ik met de muis over bepaalde items heen gaat een submenu die onder elkaar staat, maar deze items staan naast elkaar ipv onder elkaar en ik krijg de fout niet gevonden
hier de CSS code die betrekking hebben op het menu:
Code:
#menu ul { margin: auto; padding: 1; list-style: none; width: 50em; border-bottom: 0px solid #90EE90; }
#menu ul li { position: relative; }
#menu li ul { position: absolute; left: 10px; top: 20; display: block; line-height: 10px; }
#menu li:hover ul { display: block; line-height: 10px;}
#menu li:hover ul { visibility:visible; }
#menu ul ul { visibility:hidden; }
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */
/* Make-up syles */
#menu ul, li { margin: 0 0 0 0; }
/* Styles for Menu Items */
#menu ul a { display: Block; line-height: 10px; text-decoration: none; tekst-align: left; color: #077769; background: #90EE90; /* IE6 Bug */ padding: 5px; border: 1px solid #077769; border-bottom: 0; width: 8em; }
/* Hover Styles */
#menu ul a:hover { color: #90EE90; background: #077769; }
/* Sub Menu Styles */
#menu li ul a { text-decoration: none; color: #077769; background: #90EE90 /* IE6 Bug */ padding: 5px; border: 1px solid #077769; border-bottom: 0; width: 8em;}
/* Sub Menu Hover Styles */
#menu li ul a:hover { color: #90EE90; background: #077769; }Wie kan mij helpen en ziet welke fout ik maak
Alvast bedankt
