Matthias Apsel: Menu klappt nicht auf wie gewünscht

Beitrag lesen

Om nah hoo pez nyeetz, Gast!

Weil heute Freitag ist ;-)

Du solltest die Hinweise des Vertreters des Linksetzers trotzdem beherzigen.

<!doctype html>  
<html>  
<head>  
	<meta charset="UTF-8">  
	<title>Test</title>  
	<style>[code lang=css]	html {  
		color: black;  
	}  
	nav {  
		display: block;  
		position: relative;  
		width: 10em;  
		margin: 0 auto;  
	}  
	nav h1 {  
		display: inline-block;  
		margin-bottom: 0;  
		padding-bottom: 1em;  
		cursor: pointer;  
	}  
	nav ul {  
		position: absolute;  
		list-style: none outside none;  
		margin: 0;  
		padding: 0;  
		font: 0/0 a; /* verstecken */  
		color: transparent; /* verstecken */  
	}  
	nav h1:hover + ul,  
	nav h1:focus + ul,  
	nav h1:active + ul,  
	nav ul:hover,  
	nav ul:focus,  
	nav ul:active {  
		font: inherit;  
		color: inherit;  
	}  
	nav form {  
		display:inline-block;  
		margin-left: 20px;  
		vertical-align: .2em;  
	}        
~~~	</style>  
</head>  
<body>  
	<nav>  
		<h1>Menu</h1>  
		<ul>  
			<li><a href="/s1.html">Seite 001</a></li>  
			<li><a href="/s2.html">Seite 002</a></li>  
			<li>Seite 003</li> <!-- aktuelle Seite ohne Link -->  
			<li><a href="/s4.html">Seite 004</a></li>  
			<li><a href="/s5.html">Seite 005</a></li>  
			<li><a href="/s6.html">Seite 006</a></li>  
		</ul>  
		<form action="/" method="post">  
		    <!-- Hier fehlt dann aber noch das Formular -->  
			<button type="submit">Kontakt</button>  
		</form>  
	</nav>  
</body>  
</html>[/code]  
  
Matthias

-- 
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen [Ork und Orkan](http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=O#ork).  
![](http://www.billiger-im-urlaub.de/kreis_sw.gif)