Hallo Leute,
ich bastel schon seit Tagen an einer Navigationsleiste. Ich bekomme das einfach nicht hin, dass wenn man auf Team geht, die Unterseiten als Link einsetzen kann. Es ist immer alles nur mit einem Link versehen und nicht mit zwei. Kann mir jemand mal einen Tipp geben, wie ich den Code ändern muss.
Danke schon mal im Voraus für die Bemühungen.
Gruß Rogér
Code:
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body { font: 10px Verdana, Arial, Helvetica, sans-serif; background-image: url(hintergrund.jpg); background-repeat: repeat; background-attachment: fixed; background-position: 0 0; margin: 0; padding: 0; }
a:focus {
outline: none;
}
ul.sidenav {
font-size: 1.2em;
float: left;
width: 160px;
margin: 0px 0 0 0px;
padding: 0;
list-style: none;
background: #bc0808;
}
ul.sidenav li a{
display: block;
color: #ffffff;
text-decoration: none;
width: 160px;
padding: 5px 5px 5px 30px;
background: none;
border-top: 0px solid #f20707;
border-bottom: 1px solid #000000;
}
ul.sidenav li a:hover { background-color: #f20707; background-repeat: no-repeat; background-attachment: scroll; background-position: 5px 7px; border-top: 1px solid #ff0000; }
ul.sidenav li span{ display: none; }
ul.sidenav li a:hover span {
display: block;
font-size: 0.8em;
padding: 10px 0;
}
.dsR10 /*agl rulekind: base;*/ { width: 160px; }
.dsR18 /*agl rulekind: base;*/ { width: 160px; height: auto; }
.dsR11 /*agl rulekind: base;*/ { width: 160px; height: auto; }
</style>
</head>
<body>
<ul class="sidenav dsR18">
<li><a href="#">Termine </a></li>
<li><a href="#">Anmeldung </a></li>
<li><a class="dsR10" href="../organisation.html">Das Team<br />
<span>Trainer<br />
<br />
Organisation</span></a></li>
<li>
<a class="dsR11" href="#">Philosophie</a>
</li>
<li>
<a class="dsR12" href="../kurse.html">Kurse</a>
</li>
<li>
<a href="#">Züchterservice</a>
</li>
<li>
<a href="#">Handling </a>
</li>
<li>
<a href="#">Galerie</a>
</li>
<li>
<a href="../feedback.html">Feedback </a>
</li>
<li>
<a href="#">Kontakt </a>
</li>
</ul>
</body>
</html>