Jeg har denne kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Simpel menu</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,
http://www.eksperten.dk/spm/528645"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body{background-color:white;}
.menupunkt{padding: 3px 3px 3px 3px; position:relative;font-family:verdana,arial,sans-serif;cursor:pointer;color:#000000;
background:#EFEFE5;font-style:italics;font-size:10px;border-top:1px solid #C6C6C4;
border-bottom:1px solid #C6C6C4;float:left;}
.menu a{text-decoration:none;}
.menu a:link{color:black;}
.menu a:visited{color:black;}
.menu a:hover{color:black;text-decoration:underline;}
.menu a:active{color:red}
.menu{display:none;padding:15px 0 0 10px;position:absolute;top:18px;left:8px;background:url(grafik/L.png) 0px 0px no-repeat;}
.menu div{padding: 2px 10px 2px 10px; border:1px solid #C6C6C4; background-color: #EFEFE5; line-height:150%;}
.header{background-color: #EAEA0C; padding: 8px 0 0 15px; border:1px solid #C6C6C4;border-bottom-width:0px;}
.ramme{border:1px solid #C6C6C4;border-top-width:0px;background:#EFEFE5;}
.indhold {text-align:left;}
h1{font-family:verdana, arial; font-size: 14px;}
img{border:0}
</style>
<script language="javascript" type="text/javascript">
function showMenu(d){
var id = d.id.substring(5);
divs = document.getElementsByTagName('DIV');
for(i=0;divs.length>i;i++){
if(divs[i].id.indexOf('menu')==0&&divs[i].id!='menu'+id){
divs[i].style.display='none';
document.getElementById('o'+divs[i].id+'pic').src = "grafik/pil.gif";
}
}
st = document.getElementById('menu'+id).style;
st.display = (st.display!='block')?'block':'none';
document.getElementById(d.id+'pic').src = (st.display=='block')?"grafik/ned.gif":"grafik/pil.gif";
}
</script>
</head>
<body>
<div class="header">
<a href="default.asp"><img src="grafik/top2.gif" /></a>
</div>
<div class="ramme">
<div>
<div id="omenu1" class="menupunkt" onclick="showMenu(this);">
<img id="omenu1pic" src="grafik/pil.gif" alt="Fold ud/ind">
hjem
<div id="menu1" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">sitemap</a><br>
</div>
</div>
</div>
<div id="omenu2" class="menupunkt" onclick="showMenu(this);">
<img id="omenu2pic" src="grafik/pil.gif" alt="Fold ud/ind">
organisation
<div id="menu2" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">om foreningen</a>
<a href="#" onclick="return false;">bestyrelsen</a>
</div>
</div>
</div>
<div id="omenu3" class="menupunkt" onclick="showMenu(this);">
<img id="omenu3pic" src="grafik/pil.gif" alt="Fold ud/ind">
medlemsservice
<div id="menu3" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">indmeldelse</a><br>
<a href="#" onclick="return false;">medlemslisten</a><br>
<a href="#" onclick="return false;">nyhedsbrevet</a><br>
</div>
</div>
</div>
<div id="omenu4" class="menupunkt" onclick="showMenu(this);">
<img id="omenu4pic" src="grafik/pil.gif" alt="Fold ud/ind">
tidsskrift
<div id="menu4" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">seneste</a><br>
<a href="#" onclick="return false;">abonnement</a><br>
<a href="#" onclick="return false;">årgange</a><br>
<a href="#" onclick="return false;">redaktion</a>
<a href="#" onclick="return false;">kontakt</a>
</div>
</div>
</div>
<div id="omenu5" class="menupunkt" onclick="showMenu(this);">
<img id="omenu5pic" src="grafik/pil.gif" alt="Fold ud/ind">
forlag
<div id="menu5" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
</div>
<div id="omenu6" class="menupunkt" onclick="showMenu(this);">
<img id="omenu6pic" src="grafik/pil.gif" alt="Fold ud/ind">
arkiv
<div id="menu6" class="menu" onclick="event.cancelBubble=true">
<div>
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
1)
er det muligt at lave det om, så det fungerer som tabeller i stedet for divs (ved godt det er dårlig stil), men jeg kan bedre håndtere det på den måde
2)
hvis jeg nu vil lave en fast bredde på undermenupunkterne, hvordan gør jeg så det?
på forhånd tak :)
