Zum Inhalt springen

TMENU mit zweizeiligem Link einrücken

Erstellt am 9. Januar 2006 · 2 Antworten · letzte Antwort am 10. Januar 2006

Tags: HTML & CSS, Frage

JanBob ·

Hallo zusammen!
Mein erstes Posting und wahrscheinlich eins zum Haare-Raufen :o

Ich habe ein TMENU mit 2 Ebenen, die 2. wird eingerückt. Das habe ich über ein Stylesheet-div gelöst, das um den Link gewrappt wird. Nun habe ich aber 2 Links, deren Titel zu lang ist (er besteht aus 2 langen Wörtern!) und die zweizeilig dargestellt werden, sprich das 2. Wort landet in der nächsten Zeile. In der 2.Zeile versagt dann leider das Einrücken...

   NAVI-LINKS = HMENU
   NAVI-LINKS {
     special = directory
     special.value = 49
     entryLevel = 1
     1 = TMENU
     1.NO = 1
     1.NO.linkWrap = <img src="fileadmin/images/sep.gif" width="142" height="5" alt="" /><br /><div class="menu-no-1">|</div>
     1.ACT = 1
     1.ACT.linkWrap = <img src="fileadmin/images/sep.gif" width="142" height="5" alt="" /><br /><div class="menu-act-1">|</div>
     2 < .1
     2.NO.linkWrap = <div class="menu-no-2">|</div>
     2.ACT.linkWrap = <div class="menu-act-2">|</div>
   }
.menu-no-1, .menu-act-1, .menu-no-2, .menu-act-2 {
	padding-top: 3px;
	padding-bottom: 3px;
}

.menu-no-1 a {
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	padding-left: 10px;
}

.menu-act-1 a {
	color: #CC0000;
	font-size: 14px;
	text-decoration: none;
	padding-left: 10px;
}

.menu-no-2 a {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	padding-left: 20px;
}

.menu-act-2 a {
	color: #CC0000;
	font-size: 12px;
	text-decoration: none;
	padding-left: 20px;
}

Wer sieht den Fehler auf Anhieb? ^^ Ich bin ratlos...

just2b ·

Hi,

zuerst mal herzlich willkommen hier im Forum!

Nur mal so eine Möglichkeit: Du machst einen wrap um die GESAMTE 2. Ebene mit
2.wrap = <div class="menu2">|</div>

und dann mittels css
.menu2 {padding-left:10px;}

das sollte IMHO funktionieren

lg georg

JanBob ·

😃

Ja super, vielen lieben Dank!
Mir war der Unterschied zwischen wrap und linkWrap bis dato noch nicht so ganz klar...
Jetzt klappt es so wie ich will!