zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Element soll nach a:hover geöffnet bleiben

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.12.2012, 15:40
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
  #2 (permalink)  
Alt 07.12.2012, 17:02
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.06.2007
Ort: Verden
Beiträge: 405
chorn wird schon bald berühmt werden
Standard

Musst du imho mit Javascript machen, also eine zusätzliche Klasse für jedes :hover die bei onmouseover greift, weil :hover eben nur für "mit der Maus drüber" definiert ist.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Ausrichtung Kalender greece4u CSS 20 14.05.2012 14:32
joomla template wrock CSS 2 06.04.2012 20:24
Ungewöhnlicher abstand beim clearen von floats adrianno CSS 14 16.09.2009 15:20
Hilfe bei Positionierung eines Menüs opa-rudi CSS 0 18.11.2008 12:21
#boxes a:hover.info: 2.posting mit css !!! marioN CSS 5 25.01.2004 18:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:58 Uhr.