Zum Inhalt springen

HMENU falsch eingebaut - bitte um Hilfe

Erstellt am 11. November 2010 · 1 Antwort · letzte Antwort am 19. November 2010

Tags: HTML & CSS, Frage

MarcusMueller ·

Hallo liebe Forenfreunde,
ich habe am Wochenende ein wenig Typo3 gelernt, bin daher also noch ein blutiger Anfänger. Ich hab bis jetzt alles geschafft und verstanden. Beim HMENU jedoch habe ich einige Probleme. Ich habe mein Template[/color] mit einem HMENU versehen und dies nach diesem Tutorial versucht zu installieren. Hierbei hat sich bei mir allerdings folgendes Problem ergeben:

Das in diesem Tutorial verwendete HMENU ist von YAML und hat nur die Klasse "active" ich habe die Id "active" so wie für jeden einzelnen Button noch eine unterschiedliche Größe und ein unterschiedliches Margin festgelegt. Zur CSS Datei

Hier könnt ihr am besten die Folgen sehen wenn ich den Code so einbaue wie im Tutorial beschrieben:
Screen1[/color] Screen2 [​color=#4ee800]Screen3 [​color=#4ee800]Screen4

Wie ihr also seht hat nur der Button der zurzeit aufgerufenen Seite die Width von .Button1 (+ id="active" ) die anderen habe nur die Breite des Textes + den festgelegten Rahmen. Aber auch wenn ich auf LTE Sticks, News oder LTE Anbieter drücke haben die doNotLinkIt Buttons nur die Eigenschaften von .Button1 obwohl diese andere haben müssten (.Button2, .Button3, usw.). Die a:hover Effekte sowie die doNotLinkIt Eigenschaften klappen soweit allerdings auch ohne individuelle Breite und individuelles Margin.

Wie löse ich das Problem, wie kann ich jedem einzelnen Button eine eigene Breite bzw. ein eigenes Margin geben? Habe schon so viel versucht und nichts erreicht, wäre euch also sehr dankbar wenn ihr mir da helfen könntet.
MfG Marcus Müller

Hiernoch mal der Setup Text für die Navigation:

lib.navigation = HMENU
lib.navigation {
  wrap = <ul>|</ul>
  
  1 = TMENU
  1 {
    NO {
      allWrap = <li><strong>|</strong></li>
        }
    CUR = 1
    CUR {
      allWrap = <li class="Button1" id="active">|</li>
      doNotLinkIt = 1
    }
  }
  2 > .1
}
udowald ·

Hallo,

Für jeden Menupunkt eine eigene class=""?

Das geht z.B. mit optionSplit:

allWrap = <li class="lg1">|</li> || <li class="lg2">|</li> || <li class="lg3">|</li> || <li class="lg4">|</li>

Das Problem deiner Navigation liegt aber am css für .Bottom1 oder #active. Du brauchst keine eigene class für jeden Menupunkt.
Margin-left und margin-right bei den <li> auf 0 setzten. Die <ul> width auf auto.