Zum Inhalt springen

CSS Menu und Links

Erstellt am 4. Februar 2004 · 2 Antworten · letzte Antwort am 5. Februar 2004

Tags: Frage

a73 ·

Hallo,

ich erstelle ein Menü mit Stylesheets.
Leider wandelt Typo3 ein Menü sofort in Links um, was bedeutet, dass auf die Link-Definitionen im Stylesheet zugegriffen wird.
Das bedeutet, es funktioniert alles wunderbar, wenn ich
a:link {...}
a:hover {...}
so definiere, wie mein Menü aussehen soll.
Allerdings brauche ich eine Unterscheidung zwischen Links und Menüs.
Hatte schonmal jemand dieses Problem?

DivineDominion ·

Deine Links im Content sollen anders aussehen als die im Menü und du weißt nicht, wie man das unterscheidet?!

Wenn ja (ist nicht so deutlich formuliert 😐), leg einfach einen HTML Tag um deine Links.
Hast du das Menü in einer <TD>, einem <DIV> oder sowas, kannst du nämlich Style-Classes verschachteln!

Angenommen du wrappst deine Menüs und das ergebnis im Code ist so:

<td class="menuzeile"><a href="#">Menüpunkt</a></td>

Dann kannst du das folgendermaßen verschachteln:

td.menuzeile a{...}
td.menuzeile a:hover{...}

Das gilt dann NUR für die Links, die sich IN einer <TD> befinden, die die Klasse "menuzeile" hat.

Miraldo ·

Hmm.

du kannst doch im Menü mit ATagParams den Menülinks eine eigene CSS-Klasse zuweisen. Diese musst du dann nur im Stylesheet entsprechend definieren.

Bei mir kommt das beim Klickpfad zur Geltung:

marks.KLICKI = HMENU
marks.KLICKI {
 special = rootline
 special.range = 1|-1
 1 = TMENU
 1.NO.ATagParams = class=breadcrums
 1.NO.linkWrap = > |
}

Im Stylesheet ist dann zum Beispiel definiert:

A.breadcrums:link {
  	font-family: Verdana, sans-serif;
  	font-size: 10px;
  font-weight: bold;
  	color: #000099;
}