Hallo,
ich hab da mal ne Frage bzgl meiner Navigationsleiste.
Ich hätte gerne links eine Leiste, die wenn ich bestimmte Menüpunkte anklicke- aber auch nur wenn ich sie anklicke- , weitere Unterpunkte anzeigt.
So hab ichs schon fast hinbekommen, nur werden ide Unterpunkte permanent angezeigt und das will ich ja nicht. Siehe hier:
http://www.ralf-karb-versicherungen.de
Bin kein fortgeschrittener Homepagebastler und behelfe mich meist mit fertigen Codes und schreibe die soweit ich kann um,aber da stoss ich grade echt an meine Grenzen. Wär echt nett,wenn mir da jemand helfen könnte.
Hier der Code für meine Navigationsleiste:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<div class="glossymenu">
<a class="menuitem" target="frame3" href="/willkommen.html">Willkommen</a>
<a class="menuitem submenuheader" target="frame3" href="/unsere-leistungen.html" >Unsere Leistungen</a><br>
<div class="submenu">
<ul>
<li><a target="frame3" href="/rechtsschutzversicherung.html">Rechtsschutzversicherung</a></li><br>
<li><a target="frame3" href="/unfall.html">Unfallversicherung</a></li>
<li><a target="frame3" href="/haftpflicht.html">Haftpflichtversicherung</a></li>
<li><a target="frame3" href="/hausrat.html">Hausratversicherung</a></li>
<li><a target="frame3" href="/wohngebaeude.html">Wohngebäudeversicherung</a></li>
<li><a target="frame3" href="/kraftfahrt.html">Kraftfahrtversicherung</a></li>
<li><a target="frame3" href="/kranken.html">Krankenversicherung</a></li>
<li><a target="frame3" href="/bausparen.html">Bausparen</a></li>
</ul>
</div>
<a class="menuitem" target="frame3" href="/unser-team.html">Unser Team</a>
<a class="menuitem" target="frame3" href="/datenschutz.html">Datenschutz</a>
<a class="menuitem" target="frame3" href="/Allgemeine-Geschaeftsbedingungen.html" style="border-bottom-width: 0">AGB</a>
</div>
und hier der Code der in meinem Frameset steht
HTML-Code:
<style type="text/css">
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: black; repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 3px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: ;
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body background="http://www.bilder-hochladen.net/files/big/jkiw-1-c4ca.jpg
" text="#000000" link="#A00000" vlink="#600000" alink="#A00000">
Hoffe ihr könnt mir weiterhelfen, bin schon fast am verzweifeln.
Navigationsleiste Untermenü einrichten
Linear-Darstellung
