Hvis jeg disabler elevator så dur menu11. men lige nu virker det som om den ikke kan kende forskel på de to menuer
<HTML DELEN><div id="menu11">
<ul>
<li><a href="contents.html" target="right">Forside</a></li>
<li><a href="Shop.html" target="right">Gå på indkøb</a></li>
<li><a href="produkter.html" target="right">Produkter</a></li>
<li><a href="kontakt.html" target="right">Kontakt</a></li>
</ul>
</div>
</p>
<p>
<div id="elevator">
<ul>
<li><a href="contents.html" target="right">Stue etage</a></li>
<li><a href="Shop.html" target="right">1.Sal</a></li>
<li><a href="produkter.html" target="right">2.Sal</a></li>
<li><a href="kontakt.html" target="right">3.Sal</a></li>
</ul>
</div>
<HTML DELEN>CSS delenul {
list-style: none;
margin: 0;
padding: 0;
}
#menu11 {
width: 150px;
margin: 0px;
border-style: solid solid solid solid;
border-color: gray;
border-size: 1px;
border-width: 1px;
background: gray;
}
#menu11 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu11 li a:link, #menu11 li a:visited {
color: #889944;
display: block;
background: url(images/menu11.gif);
padding: 8px 0 0 25px;
}
#menu11 li a:hover {
color: #ffffff;
background: url(images/menu11.gif) 0 -32px;
padding: 8px 0 0 27px;
}
#elevator {
width: 160px;
margin: 0px;
border-style: solid solid solid solid;
border-color: gray;
border-size: 1px;
border-width: 1px;
}
#elevator li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#elevator li a:link, #menu11 li a:visited {
display: block;
background: url(images/elevator.gif);
padding: 8px 0 0 25px;
}
#elevator li a:hover {
background: url(images/elevator.gif) 0 -32px;
padding: 8px 0 0 27px
CSS delen