<ul><li> dropdown Menü Problem geschlossen 

Status
Für weitere Antworten geschlossen.

jazzman

Registered +
Registriert
Juni 2004
Beiträge
154
Moin,

hab da ein Problem mit einem Dropdown Menü. Vielleicht kann mir wer den Fehler zeigen, sitze schon Stunden dran aber finde ihn nicht

HTML:
[LIST]
[*][URL='https://finale.freesoft-board.to/#']Triesterstraße[/URL]
[/LIST]
[LIST]


[LIST][*][URL='https://finale.freesoft-board.to/#']Lageplan[/URL][/LIST]


[LIST][*][URL='https://finale.freesoft-board.to/#']Standort[/URL][/LIST]


[LIST][*][URL='https://finale.freesoft-board.to/#']Objektbeschreibung[/URL][/LIST]


[LIST][*][URL='https://finale.freesoft-board.to/#']Ausstattung[/URL][/LIST]


[LIST][*][URL='https://finale.freesoft-board.to/#']Fotogallerie[/URL][/LIST]


[LIST][*][URL='https://finale.freesoft-board.to/#']Gebäudepläne[/URL][/LIST]
[*]

[LIST]
[*][URL='https://finale.freesoft-board.to/#']Kellergeschoss[/URL]
[/LIST]
[LIST]


[LIST][*][URL='https://finale.freesoft-board.to/#']Erdgeschoss[/URL][/LIST]


[LIST][*][URL='https://finale.freesoft-board.to/#']1. Obergeschoss[/URL][/LIST]


[LIST][*][URL='https://finale.freesoft-board.to/#']2. Obergeschoss[/URL][/LIST]


[LIST][*][URL='https://finale.freesoft-board.to/#']3. Obergeschoss[/URL][/LIST]
[/LIST]

[/LIST]

Code:
#full {position:relative; width:960px; left:0; z-index:2; margin:20px auto 0 auto; overflow:auto;}
#nav {float:left; position:fixed;}

#nav a#logo {padding:0 0 20px 0; height:100px; width:300px; display:block;}
#nav ul {list-style:none;}
#nav ul li {list-style:none;}
#nav ul li a {color:#fff; font-size:16px; font-weight:bold; text-decoration:none;}
#nav ul li ul {display:none;}
#nav ul li ul li {padding:6px 0 2px 10px;}
#nav ul li ul li.active a, #nav ul li a:hover {color:#ffcc00;}
#nav ul li ul li a{font-weight:bold; font-size:15px;}
#nav ul li.active ul {display:block;}
#nav ul li {padding:0 0 8px 0;}

Wenn man auf Gebäudepläne klickt, sollen sich die unteren Links aufklappen
 
weggelassen, leider hilft mir das mit meinem Problem nicht weiter :(
 
Hinter Gebäudepläne fehlt das schließende , oder?
Hast du einen Live-Link?

Edit: Ausserdem zuerst das li schließen, dann das ul
 
Zuletzt bearbeitet von einem Moderator:
Ich habe es so gemacht die du es erklärt hast, bloß ändert sich daran nichts.
Live-Link: http://mx3.funpic.de
Habe schon alles versucht, nichts funktioniert :confused:
 
Zuletzt bearbeitet von einem Moderator:
Äh,

wo ist denn dein Script zum auslösen des Dropdown Menüs?
Entweder du nimmst jquer,
oder du musst das Gebäude li Element beim pseudo-element :hover display:block; zuweisen.

Anders wird es nichts!
 
jquery ist vorhanden
Code:

Ich bin gerade beim lernen von CSS. Hoffe der Rest kann nützlich sein.
Code:
#content #startlink {top:0; right:0; display:block; height:60px; text-indent:-10000px; width:200px; position:absolute;}
#content #start {position:absolute; bottom:5px; left:23px}
#content #start h1 {color:#fff !important; font-size:17px; text-align:0;}
#content #start p {color:#fff !important; padding-right:55px; font-size:13px;}


#content.start {background:none!important; position:relative;}
#content {background:url(../gfx/bg_content.png) repeat; width:700px; float:right; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin:0 0 80px 0;}
#content div#inner {padding:20px 20px 20px 20px;}
#content h1 {font-size:30px; color:#006666; font-weight:bold; text-align:center; clear:both; padding:0 0 10px 0;}
#content h2 {font-size:18px; color:#006666; padding:0 0 0 0;}
#content h3 {font-size:13px; color:#000000; font-weight:normal;}
#content p {padding:5px 0 15px 0; line-height:18px;}
#content a {color:#960056; text-decoration:none;}
#content a:hover {text-decoration:underline;}
#content .col1, #content .col2 {padding:10px 0 0 0; float:left; width:50%;}
#content table {padding:0;}
#content table td {padding:0; border-bottom:0px dashed #960056;}
#content ul {padding:0 0 0 15px;}
#content li {padding:3px 0;}
#content iframe {margin:0 0 10px 0;}
 
Ja,
das die Jquery Bibliothek eingebunden ist sehe ich.

Du musst aber schon eine Funktion schreiben, die den gewünschten DropDown Effect hervorruft.

Schau dir doch einfach mal meinen Link an und pass diesen auf deinen Code hin an!

Hier,

ich hatte grad 5 Min.:

Edit this Fiddle - jsFiddle
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.

Ähnliche Themen

Zurück
Oben Unten