Bram
Legacy Member
oke, het wordt bijna grappig... plots stuit ik op deze bug in IE bij het maken van een navigatietje
http://users.pandora.be/Sveltestsword/IEbug.avi
ik heb het even opgenomen om het te tonen...
de code:
(de css is een beetje omslachtig, ik moet hem nog wat opkuisen)
http://users.pandora.be/Sveltestsword/IEbug.avi
ik heb het even opgenomen om het te tonen...
de code:
HTML:
<h1>Navigation</h1>
<ul>
<li class="top"> </li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
Code:
h1, #nav ul a, #nav ul a:hover, .top {
margin-bottom: 1px;
}
h1 {
padding: 6px 11px 0px 4px;
margin: 0;
font-size: 11px;
line-height: 80%;
width: 126px;
background: #eeeeee;
}
#nav ul {
margin: 0px;
padding: 0;
list-style-type: none;
background: #eeeeee;
}
#nav ul a {
display: block;
padding: 1px 2px;
width: 121px;
background: #dddddd;
border-left: 4px solid #a5a5a5;
border-right: 11px solid #a5a5a5;
}
#nav ul a:hover {
border-color: #6496e6;
background: #e0ce9d;
}
.top {
display: block;
padding: 1px 2px;
width: 121px;
background: #dddddd;
border-left: 4px solid #6496e6;
border-right: 11px solid #6496e6;
}(de css is een beetje omslachtig, ik moet hem nog wat opkuisen)
. Een Worm-menu! Funh to play with 