Cougarnaut: Navigationsmenü

Beitrag lesen

Guten Tag,
ich habe ein Problem mit der ".section-Variante" ! Ein Freund hat mir gesagt ich soll sie für ein Navigationsmenü verwenden. Ich weiss nur nicht wie ich dabei den aktiven Link markieren kann ? Vorher hatte ich active / current verwendet.

Könnt ihr mir helfen ???

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Haus- und Gartenhelfer.de</title>
<link rel="stylesheet" type="text/css" href="" />
<link rel="shortcut icon" href="Favicon.png" type="image/x-icon">
<style type="text/css">

body
{ margin:0; padding:0; height:500px; background-color:#FFFFFF }

#header
{ position:absolute; top:30px; left:30px; widht:848px; height:85px; border:0px solid #000000; background-color:#FFFFFF; }

#navi
{ position:absolute; top:120px; left:30px; width: 848px; padding: 0px 0px 0px 0px;}

.section
{width: 80px; margin: 5px; padding: 5px 5px 5px 5px; background-color: #B3A2C7; border: 3px solid #595959; border-radius: 7px; float: left; }

a:link { font-weight:; color:black; text-decoration:none; } /*Texte mit Verlinkung*/
a:visited { font-weight:; color:black; text-decoration:none; }
a:focus { outline:none; }
a:hover { font-weight:; color:#FF3333; text-decoration:none; }
a:active { font-weight:; color:#FF3333; text-decoration:none; }

</style>

</head>

<body>
<div id="header">
  <img src="Bilder/Header/header_kita.png" alt="Ronald Starck - Haus- und Gartenhelfer">
</div>

<div id="navi">
  <div class="section"><a href="http://www.hausundgartenhelfer.de/index5.php">Startseite</a></div>
  <div class="section"><a href="http://www.hausundgartenhelfer.de/index.php">Aktuelles</a></div>
</div>

</body>
</html>