Zum Inhalt springen

Zeilenumbruch innerhalb eines Menüpunktes erzeugen

Erstellt am 16. März 2009 · 1 Antwort · letzte Antwort am 16. März 2009

Tags: HTML & CSS, Frage

target ·

Hi @ all,

ich habe hier grade das Buch: "Praxiswissen Typo3" vor mir liegen und versuche hier irgendwie einen Zeilenumbruch innerhalb eines vertikalen Menüs zu erzwingen, dass dieser nicht den darunterliegenden Menüpunkt überlagert. Allerdings komme ich gar nicht mit dem in dem Buch genannten Code klar.

Das einzige, dass mir bisher aus dem Kapitel in dem Buch klar geworden ist, ist das ich .listNum und .splitChar benötige und das es möglich ist, die höhe der umgebrochenen Zeile berechnet werden kann.

Vielleicht kann mir hier jemand weiterhelfen und mir irgendwie sagen / zeigen an welcher Stelle ich es in meinem Typoscript einfügen müsste.

# Allgemeingueltige Konfiguration 

# bewirkt, das die <?xml ... > Anweisung unter den Doctype geschrieben wird
#  und der Quelltext bei anderen Browsern valide bleibt	 
[browser = msie]&&[version= <7]
	config.doctypeSwitch = 1
[global]

#config.simulateStaticDocuments = 1
#config.simulateStaticDocuments_noTypeIfNoTitle = 1 

# setzt den Doctype XHTML Transitional 
config.doctype = xhtml_trans
config.language = de 
config.locale_all = de_DE 

page = PAGE
page {
        includeCSS { 
                file1 = fileadmin/template/style.css
                file1.media = screen
                file2 = fileadmin/template/print.css
                file2.media = print
        }
        10 = TEMPLATE
        10 {
                template = FILE
                template.file = fileadmin/template/index.html
                workOnSubpart = DOCUMENT_BODY
                marks {

# Zuweisung der Marks zu den dazugehoerigen DIV-Containern 
                        CONTENT < styles.content.get 

YEAR = TEXT
YEAR.data = date:Y

MENU = HMENU
MENU {
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul> | </ul>
		noBlur = 1
		noLink = 1
		NO {
			wrapItemAndSub = <li> | </li>
			stdWrap.htmlSpecialChars = 1
			ATagTitle.field = title
			text.listNum = 0
			text.listNum.splitChar = |
		}
		ACT <.NO
		ACT {
			wrapItemAndSub = <li> | </li>
		}
	}
	2 < .1
	2 {
		wrap = <ul> | </ul>
		ACT.wrapItemAndSub = <li> | </li>
	}
	3 < .2
	3 {     
		wrap = <ul> | </ul>
		ACT.wrapItemAndSub = <li> | </li>
	}
   }  # ENDE MENÜ
                } # ENDE TEMPLATE

        }   # ENDE 10 

} # ENDE PAGE

[/img]

Julian.​Hofmann ·

Hallo.

target schrieb

dass dieser nicht den darunterliegenden Menüpunkt überlagert.

Das ist aber ein CSS-Problem und hat nichts mit der Typoscript zu tun. Typoscript erzeugt nur HTML-Struktur - deren Darstellung ist vom CSS abhängig.
Vermutlich ist die Höhe der li-Elemente oder a-Tags festgelegt (und nur auf eien Zeile ausgelegt). Durch Aufheben der Beschränkung sollte sich das Menü passend verhalten - je nach Eintragslänge/Zeilenumbruch.

Viele Grüße
Julian