Webmaster Forum Logo Part 1 Webmaster Forum Logo Part 2
Webmaster Forum Logo Part 3
     
 
  :: Anmeldung

Benutzername:

Registrierung...

Passwort:

Passwort vergessen?

angemeldet bleiben


  
  :: Umfrage
Welche sozialen Netzwerke benutzt du regelmäßig?

 Facebook
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 73%
 keines
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 22%
 Google+
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 19%
 Twitter
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 11%
 Xing
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 schülerVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 meinVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 studiVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 MySpace
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%
 LinkedIn
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%

 ges. 393 Stimmen
 
  :: Buttons

Valid XHTML 1.0 Transitional

Toast

Tripel-As

Dabei seit: 02.01.2011

Beiträge: 210

 

1 Zum Seitenanfang

Donnerstag, 3. November 2011, 19:42

[Problem - BITTE LÖSCHEN] Drop-Down-Navigation ohne JS, mein Hover funktioniert nicht mehr

Hey Leute,

ich arbeite gerade mal wieder an meiner Drop-Down-Navigation, jedoch habe ich dieses Mal irgendwo einen Fehler reingebaut. Hier mal die zentralen Stellen (reduziert):

HTML-Part:

  Spoiler Spoiler

HTML

1
2
3
4
5
6
7
8
<ul id="nav_main">
  <li><a href="">Test</a>
    <ul class="nav_sub">
      <li><span class="small">Wer wir sind</span></li>
      <li><span class="small">Aktuelle Angebote</span></li>
    </ul>
  </li>
</ul>


CSS:

  Spoiler Spoiler

Cascading Style Sheet

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
ul#nav_main{ 
  height: 2em;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 40em;
}
ul#nav_main li{
  float: left;
  height: 2em;
  line-height: 2em;
  margin: 3px 0 0 0;
  text-align: center;
  width: 10em;
}
ul#nav_main li ul.nav_sub{
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#nav_main li:hover ul.nav_sub{
  display: block;
}
ul#nav_main li ul.nav_sub li{
  background-color: #933;
  border-color: #cc3;
  border-style: double;
  border-width: 0 1px 1px 1px;
  height: 1.5em;
  line-height: 1.5em;
  margin: 0;
  width: 9em;
}


Das Problem ist nun, wenn ich über den Hauptlink "Test" gehe, erscheint meine Unternavigation. Versuche ich allerdings auf einen der Unterlinks zu gehen, verschwindet sie nicht.

Funktionsprinzip der Navi ist ja, dass man, sobald man über den Hautplink geht, innerhalb des Hauptlinks weitere angezeigt bekommt. An und für sich dürften die nicht wieder verschwinden, wenn man versucht sie zu erreichen (da sie ja im eigentlichen Link quasi sind). Irgendwo muss ich was geändert haben, aber ich habe mehrere verschiedene Schritte gemacht und kann sie unmöglich alle zurück verfolgen. Vielleich findet ja wer von Euch meinen Fehler.

Lieben Dank schon mal,

Toast

WICHTIG: Bitte nicht antworten und @ Admins/Mods: Bitte löschen! (Problem hat sich doch gelöst) - Sry für die Umstände :whistling:

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Toast« (3. November 2011, 19:42)