menu probleempje

[hallootje]

Hallo,

Ik ben bezig met een uitklapmenu te maken.

Zo moet het er ong. uit zien.
http://www.familie-horst.nl/admin/nieuw menu.htm
Alleen voor dit programma moet je betalen, of weten jullie hoe je dit moet omzeilen?

Maar goed, dat wil vast niet.

Ik heb dit al gemaakt, alleen als ik met de muis over bedrijf en familie gaat, wordt de achtergrond niet wit. De andere kopjes worden dat wel.
Hier kun je dat zien:
http://www.familie-horst.nl/admin/test.htm

Ik wil dus dat als je over de kopjes bedrijf en familie gaat, dat de achtergrond ook wit wordt, net zoals de andere kopjes.
Ik kan alleen niet vinden waar ik dat moet doen.

Alvast bedankt!

Dit zijn de CSS styles:


<!--
/* CSS issu des tutoriels www.alsacreations.com/articles */
body {
margin: 0;
padding: 0;
background: ;
font: 90% Comic Sans MS;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
}
dl#menu {
width: 15em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border: 1px solid gray;
background: #008000;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: left;
background: #008000;
}
dl#menu li a, dl#menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0px none;
height: 100%
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #FFFFFF;
color: #008000;

}

#mentions {
font-family: comic sans ms;
position: absolute;
bottom : 200px;
left : 10px;
color: blue;
background-color: #FFFFFF;
}
#mentions a {text-decoration: none;
color: #FFFFFF;
}
#mentions a:hover{text-decoration: underline;
}

-->

 

[Webmaster007]

Hey wat ik zie is dat je voor die twee een <font> tag gebruikt. Probeer die eens weg te halen. En zet er tussen <a href="#"> en </a>. Dit zorgt ervoor dat de CSS style elementen geldig worden.
Dus:

<dt onclick="javascript:montre('smenu3');"><font color="#FFFFFF">familie</font></dt> wordt:
<dt onclick="javascript:montre('smenu3');"><a href="#">familie</a></dt>



Adriaan.

 

[hallootje]

Bedankt, het is gelukt!

 

[Webmaster007]

En zet de status van de vraag op opgelost