Zum Inhalt springen

Problem mit Zeilenumbruch im TMENU

Erstellt am 6. Dezember 2005 · 6 Antworten · letzte Antwort am 8. Dezember 2005

Tags: HTML & CSS, Frage

webmasterchen ·

Tag zusammen.

Ich hab ein Problem mit meinem TMENU wenn der Menüpunkt zu lang ist und er in die nächste
Zeile umbricht. Als z.b. Menüpunkt "Trends / Herrausforderungen"

Ich hab vor jedem Menüpunkt eine Kleine Grafik , wenn er nun umbricht dann sieht das so aus:

<jpg> Trends /
Herrausforderungen

Ich möchte aber das die zweite Zeile auf der Höhe der ersten Zeile ist:

<jpg> Trends /
..........Herrausforderungen

Kann ich das irgendwie realisieren ?

adeltraut ·

Klar, ich würde das einfach mit einer Tabelle machen die zwei Spalten hat.

icon in die links spalte
menütext in die rechte

tabelle natürlich dem entsprechend formatieren.

webmasterchen ·

hm aber typo3 erstellt das menu doch automatisch , wie hab ich denn da die möglichkeit nen <table> einzubinden ? als ich das mit allWrap versucht hab hat er mir mein template ( besteht aus index.html mit einem table tr td gerüst ) totel durcheinandergeworfen.

adeltraut ·

Ich habe es so #paralyzed#

marks.MENU_LINKS = HMENU
marks.MENU_LINKS.entryLevel = 1
marks.MENU_LINKS.1 = TMENU
marks.MENU_LINKS.1 {
	expAll=0
	

                   NO {
		ATagParams = class="menu_1_1" 
                                linkWrap = <table width="190"  border="0" cellpadding="0" cellspacing="0" ><tr><td width="24" align="left" class="menu_1_1"><img src="fileadmin/thinkgroup/Bilder/bg/new/menue_01_start.gif" width="24" height="24"></td><td width="190" align="left" valign="middle" background="fileadmin/thinkgroup/Bilder/bg/new/menue_01.gif" class="menu_1_1"> <table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td>&nbsp; | </td></tr></table></td></tr></table>
	}
                  

                   ACT {
                                ATagParams = class="menu_1_2" 
                                linkWrap = <table width="190"  border="0" cellpadding="0" cellspacing="0" ><tr><td width="24" align="left" class="menu_1_2"><img src="fileadmin/thinkgroup/Bilder/bg/new/menue_01_over_start.gif" width="24" height="24"></td><td width="190" align="left" valign="middle" background="fileadmin/thinkgroup/Bilder/bg/new/menue_01_over.gif" class="menu_1_1"> <table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td>&nbsp; | </td></tr></table></td></tr></table>

                 }
                   ACT=1
                 }


}
webmasterchen ·

also die Ausrichtung scheint jetzt zu klappen, allerdings sind meine Menüpunkte nicht mehr anklickbar 😢

Hier der code:

MENU.2 = TMENU
MENU.2 {
NO {
ATagBeforeWrap = 1
allWrap = <div class="schugga2"> | </div>
linkWrap = <table border="0" cellpadding="0" cellspacing="0" ><tr><td width="13" align="left"><img src="fileadmin/bilder/pfeil2.gif" width="13" height="9" class="platz"></td><td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td class="rolli"> | </td></tr></table></td></tr></table>
#beforeImg = fileadmin/bilder/pfeil2.gif
#beforeROImg = fileadmin/bilder/pfeil.jpg
#RO = 1
}
}

webmasterchen ·

Also mein TMENU Besteht aus der Hauptebene mit 2 darunterliegenden Ebenen.

Deswegen auch MENU.2 im Beitrag oben da ich das mit dem <table> Strukturen nur dort brauch.

Wenn ich mir das ganze jetzt anseh kann ich auf die Menüpunkte in der ersten Ebene klicken , allerdings die Ebene Menu.2 sind keine Links mehr.

webmasterchen ·

ich paste mal meinen komplettens menu:

MENU = HMENU
MENU.entryLevel = 1
MENU.special = directory
MENU.special.value = 6
MENU.1 = TMENU
MENU.1 {
NO {
ATagBeforeWrap = 1
allWrap = <div class="schugga"> | </div>
linkWrap = <font class="rolli"> | <br></font>
beforeImg = fileadmin/bilder/pfeil.jpg
beforeROImg = fileadmin/bilder/pfeil_rot.jpg
RO = 1
}
}

MENU.2 = TMENU
MENU.2 {
NO {
ATagBeforeWrap = 1
allWrap = <div class="schugga2"> | </div>
linkWrap = <table border="0" cellpadding="0" cellspacing="0" ><tr><td width="13" align="left"><img src="fileadmin/bilder/pfeil2.gif" width="13" height="9" class="platz"></td><td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td class="rolli"> | </td></tr></table></td></tr></table>
#beforeImg = fileadmin/bilder/pfeil2.gif
#beforeROImg = fileadmin/bilder/pfeil.jpg
#RO = 1
}
}
MENU.3 = TMENU
MENU.3 {
NO {
ATagBeforeWrap = 1
allWrap = <div class="schugga3"> | </div>
linkWrap = <font class="rolli"> | <br></font>
beforeImg = fileadmin/bilder/pfeil_rot.jpg
}
}

Vielleicht hilft das ja weiter o.O