Beste leden,
ik heb met moeite een dropdown geinstalleerd in een website voor een klant.
zie: http://starohosting.nl/opdrachten/camping
Nu wil ik 2 dingen hebben die nog niet echt goed staan.
Ik wil in de dropdown menu zelf een licht groene hover hebben maar lukt niet op een of andere manier zet hij hem over de achtergrond kleur heen.
En als tweede als je op een link klikt zie je een vierkant waardoor de tekst iets te ver naar beneden staat hoe kan ik dit verhelpen?
CSS CODE:
PHP
.menubar { width: 800px; height: 35px; margin:0px; padding: 0px 0px 5px; font-weight:bold; background: #086002; }
.menubar ul { list-style:none; margin:0; padding:0; }
.menubar li { float:left; padding:0px; }
.menubar li a { color:#cccccc; display:block; font-weight:normal; line-height: 40px; margin:0px; padding: 0px 20px; text-decoration:none; }
.menubar li a:hover,
.menubar ul li:hover a { color:#FFFFFF; text-decoration:none; }
.menubar li ul { display:none; position:absolute; z-index: 200;}
.menubar li:hover ul { display: inline; }
.menubar li li { display: block; float:none; margin: 0px 5px 0px 5px; padding:0px; background: #0b4906; width: 190px; }
.menubar li ul a { display: inherit; height: 15px; font-size: 8pt; margin: 0px auto; padding: 0px 5px 15px 13px; }
.menubar li ul a:hover { #DDD; }