"Active" funktion i menu
Jeg har følgene menu :<head>
<style type="text/css">
/* CSS Tabs */
.container {
width: 768px;
padding: 0px;
margin: 3px 0 0px 0;
border: 0px solid #ccc;
background: #fff;
}
/* form */
.texta {
font-size: 10px;
font-weight: bold;
background-color: #CCCCCC;
border: 0px;
height: 14px;
margin: 0;
float: right;
}
/* rounded */
#nav {
margin: 0;
padding: 0 0 20px 0px;
border-bottom: 2px solid #9FB1BC;
}
#nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#nav a:link, #nav a:visited {
float: left;
font-size: 10px;
line-height: 14px;
font-weight: bold;
padding: 0 12px 6px 12px;
text-decoration: none;
color: #708491;
}
#nav a:link.active, #nav a:visited.active, #nav a:hover {
color: #000;
background: url(../images/rounded.gif) no-repeat bottom center;
}
-->
</style>
</head>
Body :
<div class="container">
<ul id="nav">
<!-- CSS Tabs -->
<li><a href="../index.php">Forside</a></li>
<li><a href="../shop/products.php">Produkter</a></li>
<li><a href="../betingelser.php">Handelsbetingelser</a></li>
<li><a href="../support.php">Support</a></li>
<li><a href="../faq.php">FAQ</a></li>
<li><a href="forum.php">Forum</a></li>
<li><a href="about.html">Om os</a></li>
</ul>
</div>
Nu har jeg siddet og vredet min hjerne i et par timer med, hvordan man integrerer <class="active"> sådan så den side man er på er markeret i menuen?
Nogen der kan hjælpe?
