Zum Inhalt springen

tmenu mit Zeilenumbruch....Umbruch einrücken?

Erstellt am 14. Juli 2004 · 13 Antworten · letzte Antwort am 11. März 2005

Tags: Frage

rainer1 ·

Hallo

ich hab ein menue mit TMENU erstellt. Vor jeden Navigationspunkt befindet sich eine kleine Grafik (Pfeil).
Ist der Navigationspunkt zu lang, wird er umgebrochen.
(bis hierhin soweit ok)
Nun beginnt in die umgebrochene zweite Zeile des Navigationspunktes unterhalb der Grafik und nicht bündig unter dem Text Navigationspunkt:

Bsp:

> Navigation1
> Navigation2
> Navigation3
> Navigation4 mit
Umbruch
>Navigation5

usw...

es soll aber so aussehen:

> Navigation1
> Navigation2
> Navigation3
> Navigation4 mit
...Umbruch
> Navigation5

Jetzt kann ich beim .wrap zwar angeben, was hinter oder vor dem Link passieren soll, aber wie handhabe ich den Umbruch? Mir würden ja 2 Leerzeichen reichen (&nbsp)....

Kennt jemand die Lösung? Kann man das vielleicht splitten? Aber wie?

Mein TS sieht so aus:

seite.10.marks.QUICKLINKS = HMENU
  #seite.10.marks.QUICKLINKS.entryLevel =1
  seite.10.marks.QUICKLINKS.special = directory
  seite.10.marks.QUICKLINKS.special.value = 132
  seite.10.marks.QUICKLINKS.wrap = <table width=150" border="0" bgcolor="#ffffff" cellpadding="0" cellspacing="0">|</table>
  seite.10.marks.QUICKLINKS.1= TMENU
  seite.10.marks.QUICKLINKS.1 {
    expAll = 0
    NO {
      allWrap = <tr><td>|</td></tr>
      linkWrap = <img src="fileadmin/template/images/pfeil_rechts_gruen.gif" hspace="4">|<br /><img src="fileadmin/template/images/trenn_weiss.gif" width="160" height="6">
      ATagParams = class="nav_q"
    }

    ACT < .NO
    ACT = 1
    ACT {
      linkWrap = <img src="fileadmin/template/images/pfeil_runter_gelb.gif" hspace="4">|<br /><img src="fileadmin/template/images/trenn_weiss.gif" width="120" height="6">
    }

edit:

hab was von .split = |
entdeckt. Könnt mir das helfen?

/edit

Gruß

Rainer

jweiland ·

Man könnte den Text der Navigationspunkte z.B. in eine Tabelle setzen, oder mit einem div-Tag umschliessen und dieses mit CSS formatieren.

Jochen Weiland

rainer1 ·

Hallo Jochen

ja, das wäre eine Möglichkeit. Jeden Link in ein eigenes Tabellenfeld setzen, welches hinter dem "pfeil" liegt. Aber wie ich das umsetzen kann, weiß ich auch nicht (noch nicht). Danke für den Denkansatz.

rainer1 ·

Hi

[Lamer-mod an]

Hätt vielleicht mal jemand ein Beispiel? Bei mir macht das nicht, was es soll..... 😢

[Lamer-mod aus]

Gruß

rainer1

jweiland ·

Nee, das geht in dem Fall wohl nicht. Ich denke, die Lösung ist, das IMG und den Menütext in eine Tabelle mit zwei Spalten zu wrappen. Je nach Zustand ist das IMG dann entweder ein Pfeil o.ä. oder transparent.

Also so etwa in der Art:

NO.before = <table><tr><td width="xx"><img src="..."></td><td width="...">
NO.after = </td></tr></table>

Oder man packt das gleich in den allWrap.

Jochen Weiland

rainer1 ·
Dander schrieb

du könntest das mit transparentem beforeimg lösen

MFG

Dander

Hallo Dander

das wäre eine Idee. Eine Grafik habe ich ja schon davor und genau die erzeugt ja auch mein Problem. Wäre die nicht, dann hätte ich keine verschobene Darstellung wenn ein Umbruch erfolgt, da die Grafik ja nicht in die zweite Zeile "reicht"......

siehe hier:

allWrap = <tr><td>|</td></tr> 
      linkWrap = <img src="fileadmin/template/images/pfeil_rechts_gruen.gif" hspace="4">|<br /><img src="fileadmin/template/images/trenn_weiss.gif" width="160" height="6">

Ist ein Tabellenfeld je Menueintrag. Vor jedem Menueintrag erscheint eine GrafiK (Pfeil). Soweit so gut.
Wenn aber jetzt die Naviagtionszeile umgebrochen wird, siehts halt so aus:

> Impressum &
Kontakt

(hspace erzeugt mir einen Abstand zwischen Pfeil und NAvigationspunkt)

Und so hätte ich es gerne:

> Impressum &
Kontakt

So das die Umbrüche einheitlich zu den Navigationspunkten stehen. Ich denke das läßt sich nur mit split lösen, aber ich denk auch immer zu kompliziert. Geht bestimmt einfacher.

rainer1 ·
jweiland schrieb 
NO.before = <table><tr><td width="xx"><img src="..."></td><td width="...">
NO.after = </td></tr></table>

Jochen Weiland

Hallo

den Ansatz werd ich direkt mal testen und ausprobieren. DAnke. Ich sag nachher nochmal Bescheid ob ich es damit hingekriegt habe.

Dander ·

du könntest das mit transparentem beforeimg lösen

Da hab ich wohl müll verzapft ich dachte es geht um die 2. ebene eines
menüs :o

MFG

Dander

rainer1 ·

😃 Funktioniert wenn ich alles in eigene Tabelle einbinde.

Der Code sieht dann so aus: (vielleicht sucht mal jemand genau danach.....)

NO {
      allWrap = <tr><td>|</td></tr>
      linkWrap = <table width="160" border="0" cellspacing="0" cellpadding="0" bgcolor="#4682B4"><tr><td colspan="2" valign="top"><img src="fileadmin/template/images/trenn_weiss.gif" width="100%" height="14"></td></tr><tr><td width="16"><img src="fileadmin/template/images/pfeil_rechts_weiss.gif" width="8" height="8" hspace="4"></td><td width="144"><div align="left">|</div></td></tr></table>
      ATagParams = class="nav"
}

Jetzt steht die Tabelle hinter meinem Pfeil und die Umbrüche sitzen alle einheitlich. Thx an Jochen....

Gruß

Rainer

sissi ·

Hier noch ein Lösungsweg, wenn man anstatt Tabellen divs einsetzen will:

linkWrap = <div class="menu_1">&nbsp;</div><div class="menu_link"> | </div>

und dann im Stylesheet

div.menu_1 {
width: 19px;
float: left;
margin-right: 6px;
background-image: url(kleiner_pfeil.gif);
background-repeat: no-repeat;
background-position: right;
}


div.menu_link {
width: 140px;
margin-left: 25px;
}

:-)

Grüsse
Sissi