Ik probeer divs met hyperlinks een rollover te geven, die in IE en FF e.d werkt. de stijl hieronder werkt opzich wel, maar in IE rekt hij em verticaal uit.
Wat doe ik fout? kan iemand mij helpen?
EDIT:
Ik heb het opgelost, ik post de html en css, zodat mensen het kunnen gebruiken.
CSS
HTML
Wat doe ik fout? kan iemand mij helpen?
EDIT:
Ik heb het opgelost, ik post de html en css, zodat mensen het kunnen gebruiken.
CSS
HTML:
div#navcontainer {
background-color: #ff9600;
border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;
}
div#navcontainer ul {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0px;
}
div#navcontainer ul li {
display: inline;
}
div#navcontainer ul li a {
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-left: 1px solid #fff;
border-right: 1px solid #fff; /* the borders have the same size */
margin-right: -1px; /* the value has to be like the above but negative */
}
div#navcontainer ul li a:hover {
background-color: #666666;
color: white;
}HTML
HTML:
<html>
<head>
<LINK HREF="stylesheet.css" REL="stylesheet" TYPE="text/css">
</head>
<body>
<div id="navcontainer">
<ul id=”navlist”><li id=”active”
class=”rover”><a href=”#” id=”current”>Home</a></li><li
class=”rover”><a href=”#”>About</a></li><li
class=”rover”><a href=”#”>Portfolio</a></li><li
class=”rover”><a href=”#”>References</a></li><li
class=”rover”><a href=”#”>Contact</a></li></ul>
</div>
</body>
</html>
Laatst bewerkt:
