XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Aufklapp-Menü links gehen nicht weg (http://xhtmlforum.de/showthread.php?t=64574)

muli 08.05.2011 02:17

Aufklapp-Menü links gehen nicht weg
 
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 08.05.2011 09:09

Zitat:

Zitat von muli (Beitrag 493484)
...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 08.05.2011 10:36

Zitat:

Zitat von muli (Beitrag 493484)
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 (Beitrag 493484)
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:05 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2019