Jeg arbejder i øjeblikket på siden så den skifter konstant adresse/indhold så det vil ikke være smart med et link - derfor et uddrag af koden.
Jeg er interesseret i at brugeren kan se hvor hun er henne. Dvs jeg gerne vil have både
(på denne side):
<li class="sub_ul act_path"><a href="index.php?specielle-rejser">Specielle rejser</a>
og
<li class="sub_no act_path active"><a href="index.php?landbrugsrejser">Landbrugsrejser</a></li>
markeret.
Kan det lade sig gøre?
<?xml version="1.0" encoding="iso-8859-1"?>
<!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"><head>
<title>En artikel | Specielle rejser</title>
<meta http-equiv="content-style-type" content="text/css" />
<style type="text/css">
.hcss_menu {
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.hcss_menu em {
font-style: normal;
}
.hcss_menu ul {
margin: 0;
padding: 0;
list-style: none;
border-left: 0;
}
.hcss_menu ul li {
float: left;
position: relative;
width: 130px; /* Width of Menu Items */
height: 23px;
}
.hcss_menu li ul {
position: absolute;
left: 0; /* Set 1px less than menu width */
top: 23px;
display: none;
border: 0;
}
.hcss_menu li ul li ul {
left: 130px;
top: 0;
}
.hcss_menu ul li a, .hcss_menu ul li a:link, .hcss_menu ul li a:visited, .hcss_menu ul li a:active {
display: block;
text-decoration: none;
color: #FFFFFF;
background: #708090; /* IE6 Bug */
padding: 5px;
border: 0;
text-align: center;
}
.hcss_menu ul li a:hover {
background: #475661;
color: #FF6600;
}
.hcss_menu ul li:hover a {
background: #475661;
color: #FF6600;
}
.hcss_menu ul li ul li a {
text-align: left;
background: #8B99A7;
padding-left: 7px;
}
.hcss_menu ul li ul li a:hover {
background: #708090;
}
.hcss_menu ul li:hover ul li a {
text-align: left;
background: #8B99A7;
color: #FFFFFF;
}
.hcss_menu ul ul { display: none; }
.hcss_menu ul li:hover ul { display: block; }
.hcss_menu ul li:hover ul ul { display: none; }
.hcss_menu ul ul li:hover ul { display: block; }
</style>
</head>
<body>
<div class="hcss_menu">
<ul class="act_path">
<li class="sub_ul"><a href="#">Grupperejser</a>
<ul>
<li class="sub_no"><a href="index.php?8-dages-rejser">8 dages rejser</a></li>
<li class="sub_no"><a href="index.php?12-dages-rejser">12 dages rejser</a></li>
<li class="sub_no"><a href="index.php?wellness-rejser">Wellness rejser</a></li>
<li class="sub_no"><a href="index.php?andre-rejser">Andre rejser</a></li>
</ul>
</li>
<li class="sub_ul"><a href="#">Kør selv</a>
<ul>
<li class="sub_no"><a href="index.php?flybilsommerhus">Fly/bil/sommerhus</a></li>
<li class="sub_no"><a href="index.php?12-dages-kor-selv">12 dages kør selv</a></li>
<li class="sub_no"><a href="index.php?8-dages-kor-selv">8 dages kør selv</a></li>
</ul>
</li>
<li class="sub_ul act_path"><a href="index.php?specielle-rejser">Specielle rejser</a>
<ul class="act_path">
<li class="sub_no"><a href="index.php?firmarejser">Firmarejser</a></li>
<li class="sub_no act_path active"><a href="index.php?landbrugsrejser">Landbrugsrejser</a></li>
<li class="sub_no"><a href="index.php?kulturrejser">Kulturrejser</a></li>
<li class="sub_no"><a href="index.php?korrejser">Korrejser</a></li>
<li class="sub_no"><a href="index.php?riderejser">Riderejser</a></li>
<li class="sub_no"><a href="index.php?skole-og-studierejser">Skole- og studierejser</a></li>
</ul>
</li>
<li class="sub_ul"><a href="#">Om Island</a>
<ul>
<li class="sub_no"><a href="index.php?historien">Historien</a></li>
<li class="sub_no"><a href="index.php?det-moderne-island">Det moderne Island</a></li>
<li class="sub_no"><a href="index.php?kulturlivet">Kulturlivet</a></li>
<li class="sub_no"><a href="index.php?naturen">Naturen</a></li>
<li class="sub_no"><a href="index.php?de-fire-arstider">De fire årstider</a></li>
<li class="sub_no"><a href="index.php?litteraturliste">Litteraturliste</a></li>
<li class="sub_no"><a href="index.php?foredragsholdere">Foredragsholdere</a></li>
<li class="sub_no"><a href="index.php?nationalmelodi">Nationalmelodi</a></li>
<li class="sub_no"><a href="index.php?kort-over-island">Kort over Island</a></li>
<li class="sub_no"><a href="index.php?vejret-de-naeste-fem-dogn">Vejret de næste fem døgn</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
