Hallo Leute,
habe jetzt eine ganze Weile das Internet durchforstet auf der Suche nach einer Lösung für mein Problem: ich gestalte grad zum ersten Mal seit einer Weile wieder mal eine Website für einen Freund, läuft soweit auch ganz gut, aber die Links in der Sidebar funktionieren nicht, die Effekte usw. die ich per CSS definiert habe funktionieren aber die Links selber nicht.
Zum testen des Layouts, hab ich mal eine Testseite online gestellt http://www.kirchenwirt-waldkirchen.at/test/index.html
Der HTML-Code für das Menü:
Das CSS dazu:
ich hoffe das mir wer helfen kann, bis dahin, mit freundlichen Grüßen ;-)
habe jetzt eine ganze Weile das Internet durchforstet auf der Suche nach einer Lösung für mein Problem: ich gestalte grad zum ersten Mal seit einer Weile wieder mal eine Website für einen Freund, läuft soweit auch ganz gut, aber die Links in der Sidebar funktionieren nicht, die Effekte usw. die ich per CSS definiert habe funktionieren aber die Links selber nicht.
Zum testen des Layouts, hab ich mal eine Testseite online gestellt http://www.kirchenwirt-waldkirchen.at/test/index.html
Der HTML-Code für das Menü:
HTML:
<div class="clearfix">
<div class="nav">
<!--Navigation Anfang!-->
<ul id="navigation">
<li><a href"index.html">Startseite</a></li>
<li><a href"geschichte.html">Geschichte</a></li>
<li><a href"karte.html">Speisekarte</a></li>
<li><a href"aktionen.html">Aktionen</a></li>
<li><a href"raeume.html">Räumlichkeiten</a></li>
<li><a href"team.html">Team</a></li>
<li><a href"karriere.html">Karriere</a></li>
<li><a href"anfahrt.html">Anfahrt</a></li>
<li><a href"kontakt.html">Kontakt</a></li>
<li><a href"impressum.html">Impressum</a></li>
</ul>
<!--Navigation Ende!-->Das CSS dazu:
Code:
/* Content */
div.nav {
width: 200px;
height: *;
margin-left: 0px;
margin-right: 0px;
margin: 0px auto;
z-index:40;
float:left;
background-image:url(../images/bgnavbar.gif);
background-repeat:repeat-y; }
/* Navigation */
ul#navigation {
margin: 20px;
margin-top: 340px;
margin-left: 30px;
padding: 0px;
font-size:16px;
width: 170px;
list-style-type:none;
font-weight: bold;
color: #754C23 }
li a:link, a:visited {
display: block;
border: 0px;
color:#754C23;
padding: 10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight: bold;
font-size:14px; }
li a:hover {
display:block;
border: 0px;
background-color: #754C23;
color: #FFF;
font-size:16px;
font-weight:bolder; }
li a:active {
display:block;
border: 0px;
background-color: #754C23;
color: #FFF;
font-size:16px;
font-weight:bolder; }ich hoffe das mir wer helfen kann, bis dahin, mit freundlichen Grüßen ;-)