Zum Inhalt springen

TMENU mit offset

Erstellt am 16. August 2005 · 6 Antworten · letzte Antwort am 16. August 2005

Tags: Frage

Merlin732 ·

Hi,

ich habe ein TMENU und würde gern mit offset arbeiten, d.h. das eine Unterebene relativ zur Überebene eingerückt wird.

leider bekomm ich das offset im TMENU nicht zum laufen.

Kennt sich da jemand aus?

mfg Lars

mischa ·

Versuche es mal mit Listen

<ul class="ebene1">
   <li>Menü1
   <li>Menü2
   <ul class="ebene2">
        <li>Menü 2.1
   </ul>
</ul>

u.s.w.

Über das Stylesheet dann die Liste definieren. z.B. ohne Punkte, links oder rechts ein- oder ausrücken etc.

Merlin732 ·

naja das usw. ist das problem, denn es werden ja ziemlich viele klassen und wenn es irgendwann mal eine zu wenig gibt ists auch schlecht...also nicht gut wartbar

mischa ·

versuchs mal mit sowas ähnlichem:

# Menu 1 cObject
temp.menu_1 = HMENU
temp.menu_1.stdWrap.wrap = <ul class="menu1">|</ul>

# First level menu-object, textual
temp.menu_1.entryLevel = 2

# First level menu-object, textual
temp.menu_1.1 = TMENU
temp.menu_1.1 {
	# wrap = <ul>|</ul>
	# Normal state properties
	NO.ATagParams = class="nav"
	ACT.ATagParams = class="nav_act"
	NO.allWrap = <li class="list">|
	ACT = 1
	ACT.allWrap = <li class="list">|
}

temp.menu_1.2 < leftmenu
temp.menu_1.2 = TMENU
temp.menu_1.2 {
	wrap = <ul class="menu2">|</ul>
	NO.ATagParams = class="nav_sub"
	ACT.ATagParams = class="nav_sub_act"
# Normal state properties
	NO.allWrap = <li class="list">|
# Enable active state and set properties:
	ACT = 1
	ACT.allWrap = <li class="list">|
}

temp.menu_1.3 = TMENU
temp.menu_1.3 {
	wrap = <ul class="menu3">|</ul>
	NO.ATagParams = class="nav_sub"
	ACT.ATagParams = class="nav_sub_act"
# Normal state properties
	NO.allWrap = <li class="list">|
# Enable active state and set properties:
	ACT = 1
	ACT.allWrap = <li class="list">|
}
.menu1, .menu2, .menu3 {
	list-style-type : none;
	margin-left : 10px;
	position : relative;
	padding:5px;
}
.menu1 {
	width:200px;
	border-color : #ffffff;
	border-style : dotted;
	border-width : 1px;
	background-color : Silver;
}

li.list {
	border-bottom-color : #ffffff;
	border-bottom-style : dotted;
	border-bottom-width : 1px;
	padding: 3px;
}

Das klappt zumindest bei mir auf FF und IE.

Der Gag an der Version ist, dass sich die Listen immer relativ zur Elternliste ausrichten. Damit kannst du mit einem css beliebig viele Ebenen bedienen.