Aufklapp-Menü links gehen nicht weg

muli · #1 (**permalink**) 08.05.2011, 03:17

Hi,

ich versuche html und natürlich css zu lernen und habe mir auch zwei bücher gekauft 1x webseite programmieren und gestalten und 1x css layouts, aber da steht nirgends wo wie sowas funktioniert. (blödes yaml zeugs usw.)

Ich hab mich mal durchgegoogelt und soweit etwas zusammengefusslt, aber die links werden immer angezeigt und gehen nimmer weg. kann mir jemand bitte sagen wo der fehler ist?

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
* {
   margin:0;
   padding:0; }
#menue {
   width:67px;
   height:20px;
   background-color:#999; }
#menue:hover {
   width:67px;
   height:65px;
   background-color:#666;
   display:block; }
#navigation {
   display:block; }
</style>
</head>

<body>
<div id="menue">
   <ul id="navigation">Button
      <li><a href="">Beispiel 1</a></li>
      <li><a href="">Beispiel 2</a></li>
   </ul>
</div>
</body>
</html>

Manfred62 · #2 (**permalink**) 08.05.2011, 10:09

Zitat:

Zitat von muli

...aber die links werden immer angezeigt und gehen nimmer weg...

Was soll denn wie weg gehen..?

Die richtige Lektüre, um Basics zu lernen:
Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller)

Manfred

take_a_7 · #3 (**permalink**) 08.05.2011, 11:36

Zitat:

Zitat von muli

Hi,

ich versuche html und natürlich css zu lernen und habe mir auch zwei bücher gekauft 1x webseite programmieren und gestalten und 1x css layouts, aber da steht nirgends wo wie sowas funktioniert. (blödes yaml zeugs usw.)

Ich hab mich mal durchgegoogelt und soweit etwas zusammengefusslt, aber die links werden immer angezeigt und gehen nimmer weg. kann mir jemand bitte sagen wo der fehler ist?
[...]

HTML-Code:

<style type="text/css">
* {
   margin:0;
   padding:0; }
#menue {
   width:67px;
   height:20px;
   background-color:#999; }
#menue:hover {
   width:67px;
   height:65px;
   background-color:#666;
   display:block; }
#navigation {
   display:block; }
</style>
</head>

Standardmäßig wird alles angezeigt und du gibst nirgendwo die Anweisung, dass irgendetwas nicht angezeigt wird.

Zitat:

Zitat von muli

HTML-Code:

<body>
<div id="menue">
   <ul id="navigation">Button
      <li><a href="">Beispiel 1</a></li>
      <li><a href="">Beispiel 2</a></li>
   </ul>
</div>

Das div ist unnötig. Und <ul> darf nur <li>s enthalten, keinen Text. "Button" gehört (wahrscheinlich als Überschrift) vor das <ul>.

gruß,
take

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS Menü zickt rum /IE6/IE7/FF	GizmotroniX	CSS	3	11.07.2007 09:14
Links out of order: Problem mit margin und padding im Opera	Marlin	CSS	12	30.04.2007 14:18
Umbruch in einem LI bei horizontalem Menü	M4rco	CSS	12	13.10.2006 12:26
Menü mit Breite 100% und Links ohne Tabelle?	Spardie	CSS	8	25.09.2005 19:27
Wie bekomme ich bei Links das unterstrichene weg?	Sorcio	(X)HTML	16	17.05.2005 02:31