nicht angemeldet
Hallo Engin,
nochmals recht herzlichen Dank für deine Hilfe.
Jetzt habe ich mal weiter ausprobiert und bin auch weitergekommen.
Ich hätte noch einige Fragen dazu aber ich weiss nicht ob das zuviel wird :-)
Gerade die Angaben mit "position" sind mir noch manchmal etwas schleierhaft.
Eine Kleinigkeit stört mich noch.
Wenn man nun auf das Untermenü Seite 4b geht, klappt zwar rechts die beiden Menüs "Seite 4b_1", Seite 4b_2" aus, aber es ist hinter dem Menüpunkt Seite 4C. Schöner wäre es wenn es darüber wäre.
Das bekomme ich aber nicht hin.
Hier mal die ganze Seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Dynamisch Navigationsleisten einblenden</title>
<style type="text/css">
body {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: #ffffe0;
}
ul#Navigation, ul#Navigation ul {
margin: 0;
padding: 0;
text-align: center;
position: absolute;
}
ul#Navigation li {
list-style: none;
float: left;
position: relative;
padding: 0;
}
ul#Navigation li ul {
margin: 0; padding: 0;
left: -0.01em;
display: none; /* Unternavigation erste Ebene ausblenden */
}
ul#Navigation li:hover ul {
display: block; /* Unternavigation erste Ebene einblenden */
}
ul#Navigation a {
display: block;
width: 6.4em;
padding: 0.1em 1em;
text-decoration: none; font-weight: normal;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: maroon; background-color: #ccc;
}
ul#Navigation a:hover {
border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray;
}
ul#Navigation li ul li ul li{/* Unternavigation seitliche Ebene ausblenden */
display: none;
}
ul#Navigation li ul li:hover ul li{/* Unternavigation seitliche Ebene einblenden und nach recht schieben */
display: block;
left: 4em;
}
ul#Navigation li ul ul {/*damit rechts eingeblendetes Menü richtig daneben steht*/
margin: -0.75em 0 0 4em;
}
</style>
</head>
<body>
<h1 id="Beispiel">Dynamisch Navigationsleisten einblenden</h1>
<ul id="Navigation">
<li><a href="#Beispiel">Seite 1</a></li>
<li><a href="#Beispiel">Seite 2</a>
<ul>
<li><a href="#Beispiel">Seite 2a</a></li>
<li><a href="#Beispiel">Seite 2b</a></li>
</ul>
</li>
<li><a href="#Beispiel">Seite 3</a></li>
<li><a href="#Beispiel">Seite 4</a>
<ul>
<li><a href="#Beispiel">Seite 4a</a></li>
<li><a href="#Beispiel">Seite 4b</a>
<ul >
<li><a href="#">Seite 4b_1</a></li>
<li><a href="#">Seite 4b_2</a></li>
</ul>
</li>
<li><a href="#Beispiel">Seite 4c</a></li>
</ul>
</li>
<li><a href="#Beispiel">Seite 5</a></li>
</ul>
</body>
</html>
viele Grüße
hawk