Menu i CSS
HejEr der nogen der ved hvordan man laver en menu som den der er her: www.lejre.dk?
Jeg har noget der ligner, men jeg kan ikke få det rettet til så layoutet er som på nævnte website...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Webdesign 101 Demoside</title>
<meta name="robots" content="none" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css" media="screen">
@import url(commonpage.css);
body {behavior: url(/www/cssmenu/dropdownmenu/csshover.htc);}
div#leftcol ul {
font-family:arial,sans-serif;
margin: 0; padding: 0;
width: 11em;
background: black;
border-width: 0px 0px 0 0px;
border-style: solid;
border-color:#257;}
div#leftcol li {
position: relative;
list-style: none;
margin: 0;
border-bottom: 0px solid #257; }
div#leftcol li:hover {background-color: #aaf;}
div#leftcol li.sub {
background-image:url(rarrow.gif);
background-position:right center;
background-repeat:no-repeat;
}
div#leftcol li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width:10.5em;}
div#leftcol>ul a {width: auto;}
div#leftcol ul ul {position: absolute; top: -1px; left: 11em;
display:none;
}
div#leftcol ul.niveau1 li.sub:hover ul.niveau2,
div#leftcol ul.niveau2 li.sub:hover ul.niveau3 {display:block;}
</style>
</head>
<body>
<div id="page">
<div id="banner">
</div>
<div id="leftcol">
<ul class="niveau1">
<li class="sub"><a href="[url]">Introduktion</a>
<ul class="niveau2">
<li><a href="[url]">Historie</a></li>
<li><a href="[url]">Matematikken</a></li>
<li><a href="[url]">Fysikken</a></li>
<li><a href="[url]">Rumfart</a></li>
</ul>
</li>
<li class="sub"><a href="[url]">Indre planeter</a>
<ul class="niveau2">
<li><a href="[url]">Merkur</a></li>
<li><a href="[url]">Venus</a></li>
<li><a href="[url]">Jorden</a></li>
<li class="sub"><a href="[url]">Mars</a>
<ul class="niveau3">
<li><a href="[url]">Astronomiske data</a></li>
<li><a href="[url]">Måner</a></li>
<li><a href="[url]">Atmosfære</a></li>
<li><a href="[url]">Topologi</a></li>
</ul>
</li>
</ul></li>
<li><a href="[url]">Asteroiderne</a></li>
<li class="sub"><a href="[url]">Ydre planeter</a>
<ul class="niveau2">
<li><a href="[url]">Jupiter</a></li>
<li><a href="[url]">Saturn</a></li>
<li><a href="[url]">Uranus</a></li>
<li><a href="[url]">Neptun</a></li>
<li><a href="[url]">Pluto</a></li>
</ul></li>
<li><a href="[url]">Kometskyen</a></li>
</ul>
</div>
<div id="rightcol">
<pre>
</pre>
</div>
</div>
</body>
</html>
