zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Aufklapp-Untermenü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.10.2015, 18:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.05.2013
Beiträge: 15
Saxxon befindet sich auf einem aufstrebenden Ast
Standard Aufklapp-Untermenü

Guten Abend.

Ich habe im Netz ein Aufklapp-Untermenü gefunden.
Funktioniert gut.

Ich hätte gern eine Verbesserung:

Wenn ich im Untermenü einen Punkt anklicke, klappt es wieder zusammen.
Das soll es nicht.

Es soll erst wieder zusammenklappen, wenn ich im Hauptmenü einen neuen Eintrag auswähle.

Ich bekomms nicht hin, welchen selector ich ansprechen muss und wie
Vielleicht habt ihr eine Lösung...

Danke Peter

HTML-Code:
<!DOCTYPE html>
<html>  
    <head>  
        <meta charset="utf-8">
        <title>Navigation</title>        
        <meta name="description" content="Navigation Sample">
           
<style type="text/css">
* {margin:0; padding:0;}

html,body {
	width:100%;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#2f2e2b;
	background:#EEEEEE;
}

#menu {
	padding:10px 0;
	border: 1px dotted #999999;
	width:150px;
}

li a {
	display:block; 
	width:150px; 
	line-height:30px; 
	text-decoration:none;
	text-align:center; 
}

li a:hover  {background:yellow;}
li a:active {background:white;}
li a:focus {background:green; }


#menu ul { height:0px; background:white; overflow:hidden;}
#menu ul li a {color:red}
#menu ul li a:hover {background:pink; }
#menu li a:focus + ul.fly {height:150px;}


</style>
</head>
<body>
  
    <ul id="menu">
        <li><a href="#" >Home</a></li>
        <li><a href="#" >&rArr; CRM</a>
             <ul class="fly">
                <li><a href="#">Customer Center</a></li>
                <li><a href="#">Besuchsbericht</a></li>
                <li><a href="#">Info Center</a></li>
                <li><a href="#">Aktion erstellen</a></li>
                <li><a href="#">Reklamation</a></li>
            </ul>
        </li>
        <li><a href="#" >Kundenstamm</a></li>
        <li><a href="#" >Lieferantenstamm</a></li>
        <li><a href="#" >Rechnung prüfen</a></li>
    </ul>
 
<body>
<html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.10.2015, 09:22
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.195
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Gleiches Problem (und Lösung) wie hier.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.10.2015, 20:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.05.2013
Beiträge: 15
Saxxon befindet sich auf einem aufstrebenden Ast
Standard

Danke, Cloned.

Ich habe verstanden, dass es die einfache Lösung nicht gibt-
Das mit dem Target leuchtet ein.

Die Lösung.... *lach* versuch ich später zu begreifen....

Schönen Abend....
Peter
Mit Zitat antworten
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
hover-Untermenüs beim Zeilenumbruch per CSS "mitnehmen" HappyPOny CSS 1 18.07.2015 13:52
Horizontales Menü + Untermenü fiel CSS 10 02.01.2013 16:53
vertkales menü wie untermenü von horizontalem menü Andy_1977 CSS 13 06.05.2012 00:43
Fehler beim Untermenü erstellen MellZi CSS 6 07.02.2011 21:04
Haupt-und Untermenü gleichzeitig aktiv Antje-Gesine CSS 1 15.08.2007 18:10


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:28 Uhr.