Zum Inhalt springen

Problem mit Horizontalem Menü

Erstellt am 20. September 2005 · 5 Antworten · letzte Antwort am 21. September 2005

Tags: Frage

nico_s ·

Ahoi,

ich hab ein Horizontales Menü:

# mainmenue cObject
temp.mainmenue = HMENU
  # First level menu-object, textual
temp.mainmenue.1 = TMENU
temp.mainmenue.1 {
    # Normal state properties
    NO.allWrap = <d> | </d>
  
    # Enable active state and set properties:
  ACT = 1
  ACT.allWrap = <d> | </d>
}

Dieses Menü zeigt nur die Hauptmenüs, was durch aus gewollt ist. Allerdings habe ich das Problem, das alle Éinträge direkt hintereinander weg stehen.

Hier ein Bild von meinem Menü:
Bild: mitglied.lycos.de/…/explain.jpg

Ich möchte das die Menüeinträge nicht direkt neben einander stehen. Wie mach ich das ? Am allerbesten wäre wenn ich dazwischen ein Bild einfügen kann.

Gruß Nico

Tom-iX ·

Hallo,

du kannst doch durch das Anpassen von "allWrap = <d> | </d>" dies erreichen.
z.B.
allWrap = <div class="1menupunkt">|</div><div class="zwischenraum"></div>

nico_s ·

wenn ich div mache hab ichs aber nicht mehr nebeneinander 🙂 dann sind die menü einträge untereinander und das will ich nicht

iconomie ·

Hallo!

Um die DIVs nebeneinander zu bekommen, musst Du sie mit CSS anpassen, also die Klasse 1menupunkt in Deiner CSS Datei anlegen!

oder im TS:

linkWrap = <div style="float:left; width:90px">|</div><div style="float:left;width:10px;"></div>

Damit der Float im IE richtig angezeigt wird musst Du unbedingt eine Breite für das DIV-Element angeben.

Um die Einträge durch Bilder zu trennen, einfach so:

linkWrap = | <img src="clear.gif" width="10" height="10" border="0">

mfG
iconomie

nico_s ·

Danke für die Antwort. Hat teilweise geklappt aber sieht nicht so aus wie ich es haben möchte ^^

Beispiel:

Bild: mitglied.lycos.de/…/explain2.jpg

So sieht es nun bei mir aus. Dort wo das Menü von Typo3 implantiert wird ... sieht man ja was passiert. Kann mir das nicht erklären, alle Bilddatein die ich verwende sind 26px groß. Ich hab versucht die <td> höhe auf 26px zu setzen aber nützt alles nichts ...

Hat jmd einen Tipp?

Gruß Nico

iconomie ·

Hallo!

Ich gehe jetzt mal davon aus, dass Du Deine Menüeinträge in ein TD gewrappt hast, bei dem die Bilder für die vertikalen Trenner mit dem Text in einem TD liegen. Dadurch wird die Schrift rechts unten am Bild ausgerichtet und Deine Tabelle wird aufgeschoben.
Lösung: Trenner in eigene TD wrappen:

linkWrap = <td valign="center"> | </td><td><img src="trenner.gif"></td>

Viel Erfolg!

mfG
iconomie