[TYPO3-german] Vertikales Flyoutmenu für TYPO3 gesucht

[Christian Wolff]

Hallo Habe gerade eben selbst ein verticales css menü für eine seite  
gemacht
momentan noch bei der templat erstellung deswegen mit grausammen farben.
aber für einen einblick sollte es dir ja genügen.

in meinem fall soll eine liste mit 3 ebene sein wobei
nur die letzte dritte ebene ausklappt.
für den Internet explorer wird bei mir "whatever:hover" zum einsatz kommen.
ich habe das script schon auf ein zwei seiten verwendet und hab gute  
erfahrungen gemacht

http://www.xs4all.nl/~peterned/csshover.html
jetzt aber derr beispiel code:

hier der css code:

/* setting up the menu*/
#nav ul, #nav li { z-index: 10; margin: 0; padding: 0; list-style-type:  
none; }
/*zweite ebene */
#nav ul ul { background-color: #223171; z-index: 20; margin: 0; }
#nav ul ul li { background-color: #dce6ff; position: relative; z-index:  
30; margin-top: 1px; margin-bottom: 1px; margin-left: 15px; padding: 2px; }
/*dritte ebene*/
#nav ul ul ul{ position: absolute; top: 0; left: 105px; width: 115px;  
z-index: 40; display: none; }
#nav ul ul li:hover ul{ display: block; }

/*fold out maker*/
#nav .foldout { background-color: #f00; }
---------------------------------
und hier das zugehörige html:
---------------------------------
<div id="nav">
				<ul>
					<li>nav
						<ul>
							<li>another point</li>
							<li class="foldout">sub it up
								<ul>
									<li>test</li>
									<li>test b</li>
									<li>test c</li>
								</ul>
							</li>
							<li>and again</li>
						</ul>
					</li>
					<li>second
						<ul>
							<li>bla </li>
							<li>bla</li>
						</ul>
					</li>
					<li>thrid
						<ul>
							<li>just kidding</li>
							<li>bla bla</li>
							<li></li>
						</ul>
					</li>
					<li>fourd</li>
				</ul>
			</div>
---------------------------------


gruss chris


Am 08.08.2006, 15:16 Uhr, schrieb Michael Zweigle  
<michael at typo3-inside.de>:

>
> typo3-german-bounces at lists.netfielders.de wrote:
>> Hallo Michael,
>>
>>> Ich habe da sowas gemacht, derzeit noch horizontal. Ist aber ohne
>>> Probeme auch vertical einzusetzen! Funktioniert auch ohne
>> "TMENUE_LAYERS".
>> ja, sieht auch gut aus. Vor allen Dingen, weil es ohne JS auskommt.
>> Aber funktioniert das auch vertical? Da haben manche Script
>> Schwierigkeiten.
> Hi Lars,
> Das Menu war ursprünglich "vertical". Ich habe das für dieses Projekt
> umgeändert. Ich bin derzeit noch mit dem Ausbau auf weitere Levels
> beschäftigt, doch bei Test hat es bereits auch mit einem 3 Level
> funktioniert.
> Aber ganz ohne JS kommt es dann doch nicht aus. Für den IE braucht man  
> für
> das Hover ein paar zeilen JS. (ca. 10 Zeilen)
>
>> Ich habe aber Aufschub bekommen, weil die Ansprüche des
>> Layouts doch recht heftig sind. Die meisten Menüs gehen ja
>> von einer einheitlichen, durchgehenden Menügestaltung aus.
>> Kunde will aber für jede Menüebene eine unterschiedliche
>> Darstellung und auch Positionierung haben, was alleine schon
>> mit dem Hover-Effekt ja gar nicht geht, da man den
>> HotSpot-Bereich verlassen müsste, um in das Untermenü zu wechseln.
> Ich kann dir so auf die schnelle da irgendwie nicht ganz folgen ;-))
>
> Gruss Michael
> ---------------------------------------------
> T R Y F A C T O R Y
> Die Internetagentur
> web: http://www.tryfactory.com
> ---------------------------------------------
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german
>