mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 12:43 Benutzername: Passwort: Auto-Login

Thema: CSS Menü ausklappen Vertikal vom 28.02.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> CSS Menü ausklappen Vertikal
Seite: Zurück  1, 2
Autor Nachricht
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Di 28.02.2012 20:38
Titel

Antworten mit Zitat Zum Seitenanfang

Seelenfänger hat geschrieben:
Grundfunktionen erklärt

Das hier falls du von vorne anfangen musst.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Seelenfänger
Threadersteller

Dabei seit: 30.03.2010
Ort: Biberach
Alter: -
Geschlecht: Männlich
Verfasst Di 28.02.2012 21:03
Titel

Antworten mit Zitat Zum Seitenanfang

damit hab ich zumindest schon mal ein Menü erstellt, allerdings bleiben die Unterpunkte nur eingeblendet solange an mit der Maus drauf ist. Die Unterpunkte sollen jedoch bleiben bis auf den nächsten Hauptpunkt geklickt wird.
Über diese Funktion finde ich eben nichts, wie ich das umsetzten kann.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Di 28.02.2012 21:06
Titel

Antworten mit Zitat Zum Seitenanfang

Azazael hat geschrieben:
Bitte

Dort war der Link zu zich Menü varianten. Recherchieren musst du selber, lesen musst du selber (sofern du Englisch kannst).
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fbronko

Dabei seit: 16.02.2011
Ort: Wulfsen
Alter: 43
Geschlecht: Männlich
Verfasst Mi 29.02.2012 07:22
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

wenn ich mich recht erinnere, war so ein Beispiel im "v2b Little Boxes 2 Videotraining" ...

Sowohl Little Boxes 1 als auch 2 sind mMn sehr empfehlenswert was Basiswissen angeht ...
  View user's profile Private Nachricht senden
Martys

Dabei seit: 07.04.2005
Ort: Bochum
Alter: 45
Geschlecht: Männlich
Verfasst Mi 29.02.2012 08:52
Titel

Antworten mit Zitat Zum Seitenanfang

Seelenfänger hat geschrieben:
damit hab ich zumindest schon mal ein Menü erstellt, allerdings bleiben die Unterpunkte nur eingeblendet solange an mit der Maus drauf ist. Die Unterpunkte sollen jedoch bleiben bis auf den nächsten Hauptpunkt geklickt wird.
Über diese Funktion finde ich eben nichts, wie ich das umsetzten kann.


Du hast die "Funktion" ja schon selbst beschrieben mit "Maus drauf" und "geklickt" -> Stichwort Eventhandler
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Mi 29.02.2012 13:20
Titel

Antworten mit Zitat Zum Seitenanfang

Ich denke du suchst im eigentlichen Sinne nichts anderes als ein Accordion-Menü:

Entweder du benutzt dafür Javascript (in der jQuery-UI steckt m.W. eines mit drin)

Oder aber, wenn du auf abwärtskompatible Browseroptimierung verzichten kannst

http://www.paulrhayes.com/2009-06/accordion-using-only-css/
Demo: http://www.paulrhayes.com/experiments/accordion/


Musst halt noch deine Menüpunkte einbinden/anpassen

Gruß
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mi 29.02.2012 14:35
Titel

Antworten mit Zitat Zum Seitenanfang

Das geht aber auch ohne JavaScript Mädchen!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Emanuele

Dabei seit: 02.03.2012
Ort: -
Alter: 31
Geschlecht: Männlich
Verfasst Fr 02.03.2012 20:18
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo
ich hab was mit mousehover gefunden, zwar nicht genau das was du sucht, aber vielleicht hilft es ja.

Code:
 <style type="text/css">
    .menu {
        height: 28px;
        width:150px;
        overflow: hidden;
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
        background-color: #55FF66;
       
    }
    .menu:hover {
        height:80px;
    }
   
    .level {
        text-decoration: none;
        margin-top: 5px;
        display: block;
    }
   
    .level.one {
        margin-left: 10px;
    }
   
    .level.two {
        margin-left: 20px;
    }
</style>
</head>

<body>

<div class="menu">
<a class="level one" href="#">Link 1</a>
<a class="level two" href="css_menu.htm">SubLink 1</a>
<a class="level two" href="css_menu.htm">SubLink 2</a>
</div>
<div class="menu">
<a class="level one" href="#">Link 2</a>
<a class="level two" href="css_menu.htm">SubLink 1</a>
<a class="level two" href="css_menu.htm">SubLink 2</a>
</div>
  View user's profile Private Nachricht senden
 
Ähnliche Themen Problem CSS Menü ausklappen
[CSS] Menü nach oben ausklappen
CSS Dropdown Menü nach oben ausklappen
CSS/Javascript Divs Ein und Ausklappen :: Verständnisfrage
Navigationsmenü soll bei Klick ausklappen
wie erstelle ich diesen menü effekt bzw. das gesammte menü?
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.