Har trukket menuen ud af min side, således det er nemmere at overskue:
test.css:
#dropmenu a{
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
}
#dropmenu ul .item {
display: none;
}
#dropmenu ul:hover .item {
display: block;
background: #7e0101;
padding: 1px;
margin: 1px;
}
#dropmenu ul:hover .item a {
color: #ffffff;
text-decoration: none;
}
#dropmenu ul:hover .item a:hover {
color: #ffffff;
text-decoration: underline;
}
#dropmenu ul {
width: 90px;
float: left;
margin: 0px;
padding: 2px;
background: #7e0101;
list-style: none;
border-right: 1px solid #ffffff;
padding-left: 10px;
}
.clear{
clear: both;
height: 10px;
}
test.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"> <html>
<head>
<title>B91 Randers - Forside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="test.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="dropmenu">
<ul id="item1">
<li class="top"><a href="/sider/klubben.php">KLUBBEN</a></li>
<li class="item"><a href="/sider/klubben.php?show=profil">Profil</a></li>
<li class="item"><a href="/sider/klubben.php?show=vedtaegter">Vedtægter</a></li>
<li class="item"><a href="/sider/klubben.php?show=boedekasse">Bødekasse</a></li>
</ul>
<ul id="item2">
<li class="top"><a href="/sider/forum.php">FORUM</a></li>
</ul>
<ul id="item3">
<li class="top"><a href="/sider/spillere.php">SPILLERE</a></li>
<li class="item"><a href="/sider/spillere.php?show=spillerinfo">Spillerinfo</a></li>
</ul>
<ul id="item4">
<li class="top"><a href="/sider/kampe.php">KAMPE</a></li>
</ul>
<ul id="item5">
<li class="top"><a href="/sider/statistik.php">STATISTIK</a></li>
<li class="item"><a href="/sider/statistik.php?show=dennesaeson">Denne sæson</a></li>
<li class="item"><a href="/sider/statistik.php?show=alltimehigh">All time high</a></li>
</ul>
<ul id="item6">
<li class="top"><a href="/sider/arkiv.php">ARKIV</a></li>
<li class="item"><a href="/sider/arkiv.php?show=kampreferater">Kampreferater</a></li>
</ul>
</div>
<div class="clear"></div>
</body>
</html>
Slettet bruger
Slettet bruger
Opret
Preview
