3razor
Legacy Member
Hello,
ik heb mij gisteren even beziggehouden met een dropdown te maken voor op een site die in de maak is maar ik testte hem blijkbaar de hele tijd in FF (die standaardbrowser is dusja) maar plots dacht ik eraan dat het ook in IE moet werken maar dat was niet van toepassing, ik probeerde daarna wat te veranderen maar veel kwam er niet uit de bus die me kon helpen ...
mss kunnen jullie mij helpen, of zien jullie direct waar ik een fout maakte ...
html
en dan de bijhorende css
hopelijk kan het binnenkort ook in IE functioneren
Alvast bedankt
Greetz
ik heb mij gisteren even beziggehouden met een dropdown te maken voor op een site die in de maak is maar ik testte hem blijkbaar de hele tijd in FF (die standaardbrowser is dusja) maar plots dacht ik eraan dat het ook in IE moet werken maar dat was niet van toepassing, ik probeerde daarna wat te veranderen maar veel kwam er niet uit de bus die me kon helpen ...
mss kunnen jullie mij helpen, of zien jullie direct waar ik een fout maakte ...
html
HTML:
<ul>
<li><a href="#">Home</a></li>
</ul>
<ul>
<li><a href="#">Info</a>
<ul>
<li><a href="#">Info 1</a></li>
<li><a href="#">Info 2</a></li>
</ul>
</li>
</ul>en dan de bijhorende css
Code:
#Menubar ul {
width: 75px;
height: 20px;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#Menubar a {
background: #FFFFFF;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #000000;
text-transform: uppercase;
text-decoration: none;
display: block;
margin: 0;
padding-top: 1px;
}
#Menubar a:hover {
color: #000000;
background: #f3f3f3;
}
#Menubar li {
position: relative;
}
div#Menubar ul ul,
div#Menubar ul li:hover ul ul {
display: none;
}
div#Menubar ul li:hover ul,
div#Menubar ul ul li:hover ul {
display: block;
}hopelijk kan het binnenkort ook in IE functioneren
Alvast bedankt
Greetz
,
?? dan mag je het al gerust eens doorsturen hoor 