Zum Inhalt springen

CSS im Templet Link Menü

Erstellt am 11. Februar 2008 · 8 Antworten · letzte Antwort am 14. Februar 2008

Tags: HTML & CSS, Frage

Nolis ·

Hallo,
ich habe in meinem CSS .Menu definiert jedoch wenn ich das nun in dem Table definiere in welchem das Menü geschrieben wird, werden mir zwar größe und schrift übernommen jedoch nicht die Farbe. (Die Menü schrift soll weiss sein jedoch alle anderen links sollen normal bleiben). Hab somit einfach

a:link {
	text-decoration: none;
	color: #FFFFFF;
}

definiert, damit wird zwar das Menü weis jedoch jeder andere Link auch...

Dann hab ich versucht direkt im Setup das HMENU mit <div class... usw. zu schreiben, jedoch wird mir das menü dann nicht nebeneinander sonder untereinander geschrieben...

wie kann ich das denn lösen das ich das Menü einfach mit der Menu Class aus dem CSS verbinde...

THX Noli

Unbekannter Benutzer ·

Das Stichwort lautet wahrscheinlich ATagParams.
Dort kannst du eine class für die Links in deinem menü angeben.
Mal nachlesen: https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Tmenuitem.html

ansonsten reich es auch wenn du nicht die PseudoClass a:link sondern erstmal nur a definierst. Das spricht dann alle Links an.

Definierst du in deinem Menü noch ATagParams, dann wird das auf die Links in deinem Menü angewandt.

Nolis ·

OK THX,
habs mit NO.ATagParams = class="Menu" und ACT.ATagParams = class="Menu" genau so hinbekommen wie ich es mir vorgestellt habe, jedoch wie bekomm ich nun wieder alle andern Links die im Text sind mit css class versehen (da ich a:link (welcher grau war) usw. aus dem css entfernen musste damit mir ATag auch die class richtig ausgibt ohne überschneidung durch den a:link...

wie kann ich nun meine restlichen links wieder css formatiert bekommen ?

thx noli

Nolis ·

Überschneidung vieleicht nicht direkt aber indirekt auf jeden fall, denn wenn ich a:link mit einer Farbe definiere (zb. grau) ist auch das Menü wieder grau wenn auch die Schrift und formatierung gleichbleibt.

Verwendeter Browser : Safari (Apple)

Unbekannter Benutzer ·

Naja, was soll ich noch sagen...

Mit a:link sind Verweise zu noch nicht besuchten Seiten gemeint. Das heißt wenn es in deiner Navi nicht besuchte Links gibt, dann kann sich schon die Farbe ändern...
Deshalb frage ich mich warum du nicht einfach mal a ausprobierst und das a:link weglässt.
http://de.selfhtml.org/html/verweise/definieren.htm

Oder du definierst für die class Menu auch die PseudoClass :link (a.Menu:link) und vergibst eine entsprechende Farbe.

mike_mcfly ·

Als erstes definierst Du die allgemeinen Links mit:

a, a:visited {color: #008BE6;}
a:hover, a:focus, a:active {color: ff0000;}

dann definierst Du für die Links in Deinem Menu eine andere Farbe, z.B. so:
(#navi ist in diesem Fall das Div-Element, dass die Navigation beinhaltet)

#navi li a, #navi li a:visited {color: #fff;}
#navi li a:hover, #navi li a:focus, #navi li a:active {color: #000;}

Wichtig ist auch die Reihenfolge der Definierten Links:
Zuerst: link
dann: visited
dann: hover
dann: focus
und schließlich: acitve