WinFuture-Forum.de: HTML/CSS Drop Down Menü klappt nicht - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

HTML/CSS Drop Down Menü klappt nicht


#1 Mitglied ist offline   J000S 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.051
  • Beigetreten: 13. Juni 09
  • Reputation: 38
  • Geschlecht:Männlich
  • Wohnort:C:\Home
  • Interessen:Computer, Feuerwehr, Sport

geschrieben 05. Mai 2011 - 21:03

CODE
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<style type="text/css">
<!--
ul{list-style:none; position:relative;}
ul li{float:left;}
ul li a{color:#333; text-decoration:none; width:120px; padding:5px; background-color:#ccc; display:block}
ul li a:hover{background:#999;}

ul li ul{display:none;}

ul li:hover ul{display:block; position:absolute; margin:0 0 0 -40;}
ul li:hover > a{background:#999;}
ul li ul li{float:none;}
-->
</style>
</head>

<body>
<ul id="navi">
<li><a href="#">Home</a></li>
<li><a href="#">Shop</a></li>
<ul>
<li><a href="#">Artikel</a></li>
</ul>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</body>
</html>

Leider funzt das ganze bei mir nicht :) die "unterliste" wird immernoch angezeigt.

Habe aber eigentlich angegeben, dass sie nicht sichtbar ist:
ul li ul{display:none;}

http://www.jonas-icons.net63.net/Testsites...rop%20down.html
Die Kategorie "Artikel" sollte ja unter "Shop" erscheinen... tut sie aber irgendwie nicht :)
wo ist der Fehler?!?
0

Anzeige



#2 Mitglied ist offline   Tienchen 

  • Gruppe: aktive Mitglieder
  • Beiträge: 423
  • Beigetreten: 09. März 08
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 05. Mai 2011 - 22:04

Isse ganz einfach:

Das <ul> ... </ul> des Dropdowns muss innerhalb des übergeordneten <li> ... </li> sein.

Also aus
<li><a href="#">Shop</a></li>
<ul>
<li><a href="#">Artikel</a></li>
</ul>


einfach folgendes machen:
<li><a href="#">Shop</a>
<ul>
<li><a href="#">Artikel</a></li>
</ul></li>


Übrigens findet man so etwas mit den Entwicklertools der Browser (beim Firefox gibt's das Addon Firebug) sehr schnell raus. :whistling:
0

#3 Mitglied ist offline   J000S 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.051
  • Beigetreten: 13. Juni 09
  • Reputation: 38
  • Geschlecht:Männlich
  • Wohnort:C:\Home
  • Interessen:Computer, Feuerwehr, Sport

geschrieben 06. Mai 2011 - 06:02

oh ja so ein kleiner Fehler :whistling: Jetzt klappts
Das Addon hol ich mir dann auch mal :smokin:
danke!
0

#4 Mitglied ist offline   Ludacris 

  • Gruppe: Moderation
  • Beiträge: 4.666
  • Beigetreten: 28. Mai 06
  • Reputation: 218
  • Geschlecht:Männlich

geschrieben 06. Mai 2011 - 09:13

falls du den IE verwendest kann ich die Taste F12 sehr Empfehlen :whistling: dauert zwar etwas bis man sich von firebug umgewöhnt hat aber ist ein geniales tool
0

#5 Mitglied ist offline   J000S 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.051
  • Beigetreten: 13. Juni 09
  • Reputation: 38
  • Geschlecht:Männlich
  • Wohnort:C:\Home
  • Interessen:Computer, Feuerwehr, Sport

geschrieben 06. Mai 2011 - 13:07

igitt! IE :whistling:
werde mich mal mit firebug vertraut machen.
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0