[Schengo]

Hallo zusammen.

Ich bin ein ziemlicher Neuling was Typo3 angeht und ich experimentiere etwas herum, aber ich habe noch ein paar Probleme.

Ich habe zwar schon nach Lösungen gesucht, aber nicht richtiges gefunden.

Hier schonmal eine Frage vorab: Welcher parameter ist entscheidend, ob das Menü horizontal oder vertikal dargestellt wird?

Desweiteren arbeite ich z.Z. mit einem horizontalem Menü, wobei die zweite und dritte Ebene vertikal dargestellt wird.

Ich möchte aber, dass die erste und zweite Ebene horizontal und erst die dritte vertikal dargestellt wird. Die jeweiligen Unterpunkte natürlich immer unter den jeweiligen Menüpunkten.

Hier der z.Z. verwendete TS, den ich im Template-Setup verwende:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48:

page = PAGE page.10 = TEMPLATE page.10.template = FILE page.10.template.file = fileadmin/.../index.html page.10.workOnSubpart = DOCUMENT_BODY page.10.subparts.content < styles.content.get page.headerData.20 = TEXT page.headerData.20.value = <link rel="stylesheet" href="fileadmin/.../jdMenu.css" type="text/css" /><script type="text/javascript" src="fileadmin/.../jquery-1.1.2.js"></script><script type="text/javascript" src="fileadmin/.../jquery.bgiframe.js"></script><script type="text/javascript" src="fileadmin/.../jquery.dimensions.js"></script><script type="text/javascript" src="fileadmin/.../jquery.jdMenu.js"></script><link href="fileadmin/.../jdMenu.slate.css" rel="stylesheet" type="text/css" /> page.10.marks { MENU = HMENU MENU {                 #entryLevel = 1 special = directory special.value = 2 stdWrap.required = 1 stdWrap.wrap =   1 = TMENU 1 { expAll = 1 noBlur = 1 wrap = <ul class="jd_menu jd_menu_slate">|</ul> NO = 1 NO { ATagTitle.field = abstract // description // title wrapItemAndSub = <li>|</li> stdWrap = upper } CUR < .NO CUR = 1 } 2 < .1 2.wrap = <ul>|</ul> 2.CUR < .1.NO 2.CUR = 1 3 < .1 3.wrap = <ul>|</ul> 3.CUR < .1.NO 3.CUR = 1 4 < .1 4.wrap = <ul>|</ul> 4.CUR < .1.NO 4.CUR = 1 } }

Ich würde mich sehr über eine Antwort freuen und schonmal vielen Dank im Voraus für Eure Mühen.

Gruß Schengo

[sissi]

....dein css entscheidet darueber.....

[Schengo]

Hi sissi.

Danke erstmal für deine Antwort.

Ich versuche es mal zu resümieren.

In meiner CSS-Datei habe ich sie Klasse "jd_menu jd_menu_slate" deklariert, welche für die Optik des Menü verantwortlich ist!?!

Folgendes steht drin:

ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}

Das habe ich jetzt (glaub ich) halbwegs verstanden. Verantwortlich für das horizontale erscheinen sind die ul-tags.

Die zweite Menüebene ist ja jetzt vertikal, soll aber auch horizontal dargestellt werden. Wenn ich jetzt einfach im TS ul- gegen li-tag austausche, dann funktioniert das nicht.

habe ich da einen Gedankenfehler?

Gruß Schengo

[Schengo]

Hallo? Kann mir jemand helfen?

[Armin]

moin,

URL zur Seite.

Armin

[Schengo]

Hallo Armin.

Ist gerade schlecht, da ich es auf einem Server zu Hause laufen habe.

Brauchst du noch andere Infos?

Gruß Schengo

[Schengo]

Hallo? Ich bräuchte immernoch Hilfe, da ich einfach nicht weiterkomme.

Ich habe das ganze Typo3-Projekt local bei mir auf dem Rechner laufen.
Falls noch Quellcode benötigt wird, könnte ich den noch dazuschreiben.

Nochmals zu meiner Frage:
Die erste Ebene ist ja horizontal und die zweite Ebene soll ebenfalls horizontal sein. Die dritte dann vertikal unter dem jeweiligen Menüpunkt.

Kann man das eigentlich auch so steuern, dass die jeweilige Menüstruktur bei der aufgerufenen Seite dann stehenbleibt?

Gruß Schengo

[sissi]

ul.jd_menu_vertical li {display:inline;}

[Schengo]

Hallo Sissi.

Danke erstmal für deine Antwort.

Leider funktioniert das nicht so richtig.

Ich habe deinen Codeschnipsel eingefügt (fett). Jetzt wird die dritte Ebene ebenfalls vertikal angezeigt. Ausserdem ist jetzt immer ein grauer Platzhalter zwischen dem ersten und den restlichen Menüpunkten.

Hier nochmal der aktuelle CSS-Code:

ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
	display:inline;
}

[sissi]

ok......mir scheint du beherrscht css nicht richtig und verstehst nicht was dein code bewirkt, wie vererbung funktioniert usw. bitte lern erstmal html/css bevor du dich an typo3 wagst und hier postest! darueber hinaus gibt es im web dutzende quellen die sich mit horizontalem menu aus list-elementen beschaeftigen.