css menu - hvordan får jeg det valgte til at forblive valgt
Jeg har lavet nogle forskellige sider, der alle indeholder samme menu, men kan ikke finde ud af at få det valgte punkt til at forblive valgtMin menu:
<div id="menuWrapper">
<div id="hovedMenu">
<div>
<p>
<a title="" href="01_tryksager.html" onfocus="blur()">menupunkt1</a>
<span> | </span>
</p>
</div>
<div>
<p>
<a title="" href="01_tryksager.html" onfocus="blur()">menupunkt2</a>
<span> | </span>
</p>
</div>
<div>
<p>
<a title="" href="01_tryksager.html" onfocus="blur()">menupunkt3</a>
<span> | </span>
</p>
</div>
</div>
</div>
Min css:
#menuWrapper{
width: 800px;
position: relative;}
#menuWrapper span{
display: none;}
#hovedMenu a{
clear: both;
text-decoration: none;
font-family: Helvetica, Arial, san-serif;
font-size: 13px;
margin: 2px 2px;
padding: 2px 5px;
color: #444;
height: 19px;
background-image: url(../billeder/knapOp.gif)}
html>body #hovedMenu a{
height: 21px;}
#hovedMenu a:hover{
background-image: url(../billeder/knapNed.gif)}
#hovedMenu a:active{
background-image: url(../billeder/knapNed.gif)}
html>body #hovedMenu p{
margin: 8px 0px;}
#hovedMenu div{
float: left;}
Jeg har kigget lidt rundt på en masse andre spørgsmål og svar, men kan ikke overføre løsningerne til min menu - ikke så det virket i hvert fald.
Håber der er nogen der kan hjælpe