Menu invoegen

Ik wil graag een rollover menu invoegen maar dat lukt niet, volgens mij krijgen ze de css niet door. Je ziet alleen maar de letters. dit is de css code ingevoegd bij de layout:

body {
text-align: center;
font-family: Arial;
font-size: 11px;
background-color: #000000;
}

#container {
background-color: #777777;
width: 800px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#header {
height: 200px;
width: 800px;
text-align: center;
background-image:url(header.png);
}

#headerBar {
height: 35px;
width: 800px;
text-align: left;
background-image:url(footer.png);
float: left;
}

#linksNieuws {
height: 200px;
width: 125px;
float: under-left;
background-image:url(menu vakje.png);
padding-top: 32px;
padding-left: 5px;
background-repeat: no-repeat;
border-left: 15px solid #777777;
border-top: 25px solid #777777;
}

#linksMenu {
height: 200px;
width: 125px;
float: top-left;
background-image:url(menu vakje.png);
padding-top: 32px;
padding-left: 5px;
background-repeat: no-repeat;
border-left: 15px solid #777777;
border-top: 25px solid #777777;
}


ul#navlist {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li {
display: inline;
list-style-type: none;
}

#navlist a { 
padding: 3px 10px; 
}

#navlist a:link { 
color: #fff;
background-image:url(menu);
text-decoration: none;
}

#navlist a:visited {
color: #fff;
background-image:url(menu);
text-decoration: none;
}

#navlist a:hover {
color: #fff;
background-image:url(menu-over);
text-decoration: none;
}


#centerContent {
border-top: 25px solid #777777;
border-bottom: 25px solid #777777;
border-right: 50px solid #777777;
float: right;
width: 470px;
height: 640px;
padding-top: 32px;
padding-left: 5px;
background-image:url(content.png);
background-repeat: no-repeat;
}

#Reclame {
float: right;
height: 640px;
width: 155px;
background-image:url(vakje.png);
padding-top: 32px;
padding-left: 5px;
background-repeat: no-repeat;
border-top: 25px solid #777777;
}

#footer {
font-size: 10px;
color: #000000;
height: 35px;
width: 800px;
clear: both;
text-align: center;
background-image:url(footer.png);
background-repeat: no-repeat;
}

dit de html:

<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>

heb je de css op de pagina ge include?

Misschien moet je boven aan de HTML pagina dit toevoegen:

<link rel="stylesheet" type="text/css" href="jouw_stijl_blad.css" />

#navlist a:link {
color: #fff;
background-image:url(menu);
text-decoration: none;
}

#navlist a:visited {
color: #fff;
background-image:url(menu);
text-decoration: none;
}

#navlist a:hover {
color: #fff;
background-image:url(menu-over);
text-decoration: none;

je urls zijn niet goed, wat voor extensie zijn ze? .jpg/.png/.gif...?

Marjolein schreef:

#navlist a:link {

color: #fff;
background-image:url(menu);
text-decoration: none;
}

#navlist a:visited {
color: #fff;
background-image:url(menu);
text-decoration: none;
}

#navlist a:hover {
color: #fff;
background-image:url(menu-over);
text-decoration: none;

je urls zijn niet goed, wat voor extensie zijn ze? .jpg/.png/.gif...?

Tuurlijk!! Dom van me moet .png er achter zetten!!!

Tunyque schreef:

Tuurlijk!! Dom van me moet .png er achter zetten!!!

Yeahhh, en werkt het nu?

Marjolein schreef:

Eerdere citaten tonen

Tunyque schreef:

Tuurlijk!! Dom van me moet .png er achter zetten!!!

Yeahhh, en werkt het nu?

Yep thanks heh.