Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 07.12.2012, 15:40
greatjack greatjack ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.08.2012
Beiträge: 10
greatjack befindet sich auf einem aufstrebenden Ast
Standard Element soll nach a:hover geöffnet bleiben

Wie kriege ich folgendes hin:

Ich fahre mit der Maus über eine Navagationsleiste. Wenn ich den Punk 2 auf dieser Leiste berühre, dann öffnen sich die Punkte 2.0,2.1,2.2,2.3,2.4,2.5 und 2.6 (mit ul il ul li gemacht).

Der Css Code ist so:
Code:
  div#Rahmen div {
     clear: left;
  }
  ul#menu {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#menu li {
    list-style: none;
    float: left;
    min-width: 10em;
    position: relative;
    margin-left: 0em; padding: 0;
	border-radius: 10px;
	border-width: 3px;
	border-color: black;
	border-style: double;
  }
  * html ul#menu li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#menu li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }
  ul#menu li ul {
    margin: 0; padding: 0;
    position: absolute;
  }
  * html ul#menu li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#menu ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  ul#menu li ul li {
    float: none;
    display: block;
    margin-bottom: 6px;
  }

  ul#menu a, ul#menu span {
    display: block;
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#menu a, * html ul#menu span {  /* nur fuer IE erforderlich */
    width: 100%;
    w\idth: 6.4em;
  }
  ul#menu li:hover, ul#menu span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#menu li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }

  /* Erweiterung zur dynamischen Ein-/Ausblendung */
  ul#menu li>ul {
    display: none;/* top: 30px;*/
	margin-left: -3px;
  }
  ul#menu li:hover>ul, ul#menu li>a#aktuell+ul {
    display: block;
  }
  
  #position1 {
	position: absolute;
	top: 155px;
	left: -165.5px;
	}
Was muss ich daran verändern, damit die ganzen Unterpunkte geöffnet bleiben (angezeigt bleiben)?
So, wie es jetzt ist, schließen sich die Unterpunkte, sobald man mit der Maus etwas davon weg ist.
Mit Zitat antworten
Sponsored Links