menu farver
Har to spørgsmål.1. Jeg kan ikke få forside linket til at virker, har prøvet en del ting men jeg kan ikke få det til at virker.
2. Jeg har fire links i min menu som ikke har undermenuerjeg vil gerne ha' de har samme farver som resten af menuen har, ved bare ikke hvordan.
Håber der er en der kan hjælpe mig.
<style type="text/css">
.menupunkt{font-family:arial;cursor:pointer;color:#000000;background:#B11D74;font-weight:800;font-size:13px;width:250px;font-style:italics;}
.menu{display:none;padding-left:15px;}
.menu a{text-decoration:none;}
.menu a:link{color:#CC00FF;}
.menu a:visited{color:black;}
.menu a:hover{color:red}
.menu a:active{color:red}
</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 = "billeder/gif/plus.gif";
}
}
st = document.getElementById('menu'+id).style;
st.display = (st.display!='block')?'block':'none';
document.getElementById(d.id+'pic').src = (st.display=='block')?"billeder/gif/minus.gif":"billeder/gif/plus.gif";
}
</script>
</head>
<body bgcolor="#B11D74">
<br>
----> FORSIDE LINKET <a href"main.html"><b><font size="3" face="Arial">Forside</font></b></a> <----
<div id="omenu1" class="menupunkt" onMouseover="showMenu(this);">
<img id="omenu1pic" src="billeder/gif/plus.gif" height="10" width="10">
xxxx
<div id="menu1" class="menu" onMouseover="event.cancelBubble=true">
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a>
</div>
</div>
<div id="omenu2" class="menupunkt" onMouseover="showMenu(this);">
<img id="omenu2pic" src="billeder/gif/plus.gif" height="10" width="10">
Drenge
<div id="menu2" class="menu" onMouseover="event.cancelBubble=true">
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a>
</div>
</div>
<div id="omenu3" class="menupunkt" onMouseover="showMenu(this);">
<img id="omenu3pic" src="billeder/gif/plus.gif" height="10" width="10">
Kvinder
<div id="menu3" class="menu" onMouseover="event.cancelBubble=true">
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a>
</div>
</div>
<div id="omenu4" class="menupunkt" onMouseover="showMenu(this);">
<img id="omenu4pic" src="billeder/gif/plus.gif" height="10" width="10">
Accessories
<div id="menu4" class="menu" onMouseover="event.cancelBubble=true">
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a><br>
<a href="xxxx.html" onMouseover="return false;">xxxx</a>
</div>
</div>
----> MENU LINK <div id="omenu5" class="menupunkt" onMouseover="showMenu(this);">
<img id="omenu5pic" src="billeder/gif/plus.gif" height="10" width="10">
<a href="xxxx.html">xxxx</a>
<div id="menu5" class="menu" onMouseover="event.cancelBubble=true">
</div>
</div>
<div id="omenu6" class="menupunkt" onMouseover="showMenu(this);">
<img id="omenu6pic" src="billeder/gif/plus.gif" height="10" width="10">
<a href="xxxx.html">xxxx</a>
<div id="menu6" class="menu" onMouseover="event.cancelBubble=true">
</div>
</div>
<div id="omenu7" class="menupunkt" onMouseover="showMenu(this);">
<img id="omenu7pic" src="billeder/gif/plus.gif" height="10" width="10">
<a href="xxxx.html">xxxx</a>
<div id="menu7" class="menu" onMouseover="event.cancelBubble=true">
</div>
</div>
<div id="omenu8" class="menupunkt" onMouseover="showMenu(this);">
<img id="omenu8pic" src="billeder/gif/plus.gif" height="10" width="10">
<a href="xxxx.html">xxxx</a>
<div id="menu8" class="menu" onMouseover="event.cancelBubble=true"> <----
</div>
</div>
