Hallo, ich habe einen Navigationsleiste bzw Navigationsmenü, die soweit funktioniert. Nur will ich, wenn ich auf Download klickte bzw mit der Maus auf Download zeige, das dort sich weitere Unterpunkte auflisten, die ich dann auswählen kann.
Hier ist mein cod zur nav-css:
und hier ist mein code zu der html-seite:
ich habe in die nav-css datei folgenden code eingefügt um zu sehen ob es klappt oder nicht. leider hat es nicht geklapppt. die unterpunkte sind direkt zu sehen. ich will ja das es erst bei einem klick zu sehen ist.
den code habe ich von folgender seite : http://de.selfhtml.org/css/layouts/navigationsleisten.htm
wenn ihr euch den quellcode über darüber euch anguckt, dann wisst ihr was ich haben möchte.
wie gesagt, ich habe es versucht, aber bei mir werden die unterpunkte direkt angezeigt.
Hier ist mein cod zur nav-css:
Code:
td {font-size: 16px; color:#FFFFFF; font-weight : bold; background-color : #942428;}
.nav {font-size: 16px; color:#000000; font-weight : bold; background-image : #ffffff;}
a { font-size: 16px; text-decoration: none; font-weight : bold;}
a:link {color:#E9E9E9; }
a:visited { color:#E9E9E9; }
a:active {color:#E9E9E9; }
a:hover{color: #942428; bgcolor:#FFFFFF;}
body {
font-family: "Trebuchet MS";
font-size: 16px;
font-weight: bolder;
text-decoration: none;
margin-left:5;
}
#menu{
width:auto;
color:black;
background:transparent;
padding:0px;
border: none;
}
#menu a{
color:E9E9E9;
margin:5px 0;
text-decoration:none;
display:block;
border: none;
width:97px;
background-image: url(images/nav_td-img.jpg);
background-repeat: no-repeat;
height: 25px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
}
#menu a:hover{
color:#942428;
background-image: url(images/nav_td-img_white_and_rand2.jpg);
background-repeat: no-repeat;
border: none;
}
.liste{
list-style-type: none;
margin:0px;
padding:0px;
vertical-align: middle;
}und hier ist mein code zu der html-seite:
HTML:
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK REL=stylesheet HREF="nav.css" TYPE="text/css">
</head>
<body leftmargin="0" rightmargin="5" topmargin="5">
<img src="images/sp.gif" height="40">
<div id="menu">
<ul class="liste">
<li> <a href="home.htm" target="mainFrame">Home</a></li>
<li> <a href="unwichtig.htm" target="mainFrame">unwichtig</a></li>
<li> <a href="unwichtig.php" target="mainFrame">unwichtig</a></li>
<li> <a href="unwichtig.html" target="mainFrame">unwichtig</a></li>
<li> <a href="unwichtig.html" target="mainFrame">unwichtig</a></li>
<li> <a href="#download.html" target="mainFrame">Downloads</a></li>
<ul>
<li><a href="Beispiel">Seite 2a</a></li>
<li><a href="Beispiel">Seite 2b</a></li>
<li><a href="Beispiel">Seite 2c</a></li>
</ul>
<li> <a href="bilder.html" target="mainFrame">Bilder</a></li>
</ul>
</div>
</body>
</html>ich habe in die nav-css datei folgenden code eingefügt um zu sehen ob es klappt oder nicht. leider hat es nicht geklapppt. die unterpunkte sind direkt zu sehen. ich will ja das es erst bei einem klick zu sehen ist.
den code habe ich von folgender seite : http://de.selfhtml.org/css/layouts/navigationsleisten.htm
HTML:
/* Erweiterung zur dynamischen Ein-/Ausblendung */
ul#menu li>ul {
display: none; top: 1.6em;
}
ul#menu li:hover>ul, ul#menu li>a#aktuell+ul {
display: block;
}wenn ihr euch den quellcode über darüber euch anguckt, dann wisst ihr was ich haben möchte.
wie gesagt, ich habe es versucht, aber bei mir werden die unterpunkte direkt angezeigt.
