Zum Inhalt springen

Zeilenabstand TMENU

Erstellt am 21. August 2011 · 5 Antworten · letzte Antwort am 22. August 2011

Tags: HTML & CSS, Frage

juscheb ·

Hallo zusammen,

ich habe ein TMENU erstellt, in dem bestimmte Punkt in der Navigation umgebrochen werden, weil sie zu lang sind. Diese beiden Zeilen würde ich jetzt gerne etwas näher zusammenrücken. Meine Versuche mit Optionsplit und einer entsprechenden CSS-Klasse sind gescheitert, weil zwar Eigenschaften wie z.B. die Schriftart übernommen werden, nicht jedoch der Zeilenabstand.

Mein TS-Code für das Menü sieht im Moment folgendermaßen aus (Ohne meine bisherigen Versuche):

page.10.marks.MENU_R2 = HMENU
    page.10.marks.MENU_R2.special = directory
    page.10.marks.MENU_R2.special.value = 4
    page.10.marks.MENU_R2.1 = TMENU
    page.10.marks.MENU_R2.1.NO = 1
    page.10.marks.MENU_R2.1.NO.linkWrap = <br>
    page.10.marks.MENU_R2.1.CUR < HEADER_NAV.1.RO

Kann mir jemand sagen, was ich machen muss, um die zusammengehörigen Zeilen näher zusammenzurücken?

Vielen Dank schon jetzt für die Hilfe!

juscheb

king.​darki ·

Hallo juscheb,

juscheb schrieb

ich habe ein TMENU erstellt, in dem bestimmte Punkt in der Navigation umgebrochen werden, weil sie zu lang sind. Diese beiden Zeilen würde ich jetzt gerne etwas näher zusammenrücken. Meine Versuche mit Optionsplit und einer entsprechenden CSS-Klasse sind gescheitert, weil zwar Eigenschaften wie z.B. die Schriftart übernommen werden, nicht jedoch der Zeilenabstand.

Kann mir jemand sagen, was ich machen muss, um die zusammengehörigen Zeilen näher zusammenzurücken?

Wie stellst du dir das denn mit TS vor?

Machs doch einfach mit CSS: "line-height" ist deine gewünschte Option.

Grüße Patrick

juscheb ·

Hallo,

ich schaffe es irgendwie nicht, dem entsprechenden Menüpunkt die CSS-Klasse richtig zuzuweisen.

Ich habe es bisher folgendermaßen versucht:

[...].NO.ATagParams = class="menup" || class="menusl" || class="menup"

Und im CSS steht:

.menup {
	line-height: 1,5em;
	}
	
.menusl {
	line-height: 1em;
	}

Die Klassen werden aber im FE nicht umgesetzt...

Viele Grüße,
juscheb

king.​darki ·

Hallo,

juscheb schrieb

Die Klassen werden aber im FE nicht umgesetzt...

Zeig mal bitte dein HTML für die Navigation, welches im Browser ausgespuckt wird...
Ich denke mal, dass gar keine Zuweisung der CSS-Klassen statt findet.

Grüße Patrick

juscheb ·

Hallo,

anscheinend findet die Zuweisung der CSS-Klassen statt:

<!--  CONTENT ELEMENT, uid:22/text [end] -->

		</div>
	 	</div>
	 	<div id="wrapRight">
	 		<div id="infoblock">
	 			<div id="menu_r2"><br /><a href="index.php?id=12" onfocus="blurLink(this);" class="currentlink">PFLEGE</a><br /><a href="index.php?id=13" onfocus="blurLink(this);" class="menusl">DEMENZ</a><br /><a href="index.php?id=14" onfocus="blurLink(this);" class="menup">PALLIATIVE VERSORGUNG</a><br /><a href="index.php?id=15" onfocus="blurLink(this);" class="menup">HAUSNOTRUF / 24 STD. RUFBEREITSCHAFT</a></div>

Viele Grüße,
juscheb

king.​darki ·
juscheb schrieb
.menup {
  line-height: 1,5em;
}

Die Klassen werden aber im FE nicht umgesetzt...

Das muss bei line-height übrigens 1.5em heißen, kein KOMMA, sondern PUNKT als Dezimalzeichen.

Ansonsten müsste es funktionieren, habs bei mir kurz getestet und lief fehlerfrei.

Für solche Fälle würde ich dir den FireBug für Firefox empfehlen, damit kannst du gleich prüfen, welches CSS wo und wann angewendet wurde, und dieses ggf. auch live manipulieren.

Grüße Patrick