hallo,
ik moet voor school een menuutje maken met CSS. dit heb ik gedaan met behulp van lijsten ( ul )
nu heb ik mij stijlblad klaar, en in firefox werkt ie precies zoals ik het wil. in IE echter laat ie wel de opmaak van de lijsten zien maar de interactie met de lijst (dus erop klikken, met de muis eroverheen etc) laat ie niet zien. Ik heb hem gevalideerd met de CSS validator van W3C en ik kreeg geen foutmeldingen..
Dit is mijn stijlblad:
iemand idee wat ik fout doe?
ik moet voor school een menuutje maken met CSS. dit heb ik gedaan met behulp van lijsten ( ul )
nu heb ik mij stijlblad klaar, en in firefox werkt ie precies zoals ik het wil. in IE echter laat ie wel de opmaak van de lijsten zien maar de interactie met de lijst (dus erop klikken, met de muis eroverheen etc) laat ie niet zien. Ik heb hem gevalideerd met de CSS validator van W3C en ik kreeg geen foutmeldingen..
Dit is mijn stijlblad:
Code:
/* listmenu door Mathijs van Leeuwen */
ul.link-list {
border-style: solid;
border-width: 2px;
border-color: #000000;
list-style-type: none;
margin: 0 0 0 0;
width: 150px;
height: auto;
padding: 10px;
background: #00008B;
font-weight: normal;
}
li.header {
background: #00008B;
font-family: Georgia;
font-size: 20px;
color: #FFFFFF;
margin: 0px;
font-weight: bold;
}
li.even {
background: #FFFFFF;
font-family: Georgia;
margin: 0px;
font-weight: normal;
padding: 0px 0px 0px 5px;
}
li.even:link {
text-decoration: none;
font-weight: normal;
}
li.even:visited {
text-decoration: none;
background: #FFFFFF;
font-weight: normal;
}
li.even:hover {
text-decoration: none;
background: #FFFFFF;
cursor: default;
font-weight: normal;
border-style: none solid none none;
border-width: 0px 10px 0px 0px;
border-color: #000000;
}
li.even:active {
text-decoration: none;
font-weight: bold;
}
li.oneven {
background: #CCCCCC;
font-family: Georgia;
margin: 0px;
font-weight: normal;
padding: 0px 0px 0px 5px;
}
li.oneven:link {
text-decoration: none;
font-weight: normal;
}
li.oneven:visited {
text-decoration: none;
background: #CCCCCC;
font-weight: normal;
}
li.oneven:hover {
text-decoration: none;
background: #CCCCCC;
cursor: default;
border-style: none solid none none;
border-width: 0px 10px 0px 0px;
border-color: #000000;
font-weight: normal;
}
li.oneven:active {
text-decoration: none;
font-weight: bold;
}
/* gedrag a */
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
iemand idee wat ik fout doe?
Laatst bewerkt: