---
title: "mehrere links in verschiedenen farben"
url: "https://www.typo3.net/d/3617-mehrere-links-in-verschiedenen-farben"
source: "typo3.net"
tags: ["Backend","Frage","HTML & CSS","Links"]
created: "2003-06-24"
last_reply: "2003-06-24"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# mehrere links in verschiedenen farben

Backend · 1 Antwort · gestartet 2003-06-24

## Eröffnungsbeitrag

**via** · 2003-06-24 · [Beitrag #1](https://www.typo3.net/d/3617-mehrere-links-in-verschiedenen-farben/1)

hallo,

ich habe folgendes problem: meine navigation hat weisse links, aber links in meinem textbody sind dann auch weiss. auf weissem hintergrund machen sich weisse links allerdings nicht so besonders. wie kann ich das lösen? ausserdem bräuchte ich für meine bottom-navigation auch noch eine andere linkfarbe.

wer kann mir da weiterhelfen?
meine vermutung liegt bei css stylsheet klassen, aber ich weiss leider nicht wie man das hier anstellen soll. vielleicht hat jemand einen code schnipsel, das würde mir sehr weiterhelfen :-)

vielen dank schon mal,

oliver

## Antworten

### [#2](https://www.typo3.net/d/3617-mehrere-links-in-verschiedenen-farben/2) · dj.​picasso · 2003-06-24

Hi via,

eigentlich solltest Du doch so etwas mittlerweile inpetto haben.
Hier ein Beispiel, ist einfach so mal schnell aus einer Applikation kopiert.
Im Folgenden erst einmal ein Beispielmenu:

```typoscript
...
  20.2 = TMENU
  20.2 {
    expAll = 0
    NO {
     allWrap = <tr><td class="shitem2"><p class="shthd1">|</p></td></tr>
     ATagBeforeWrap = 1
     ATagParams = class="nav1"
    }

    ACT < .NO
    ACT = 1
    ACT {
    ATagBeforeWrap = 1
    ATagParams = class="act"
    allWrap = <tr><td class="shitem2"><p class="shthd1">|</p></td></tr>
    }

    CUR < .ACT
    CUR = 1
    CUR {
     allWrap = <tr><td class="shitem2"><p class="shthd1">|</p></td></tr>
    }
  }
...
```

Auszug aus dem dazu gehörenden externen Style-Sheet.

```css
/* Allgemeine Definition der Schrifttypen */
h1, h2, h3, h4, h5, h6, p
	{font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-indent: 0px;
	letter-spacing: normal;
	line-height: normal;
	margin: 3px 0px 0px 0px;
	}

ul, ol, dd
	{font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-indent: 0px;
	letter-spacing: normal;
	line-height: normal;
	margin: 2px 0px 2px 30px;
	}

/* Allgemeine Definition der Tabellen */
table.shitem2 {background-color: rgb(255,231,175); border: 2px solid rgb(238,127,40); margin: 0px 0px 2px 1px}
table.shitem4 {background-color: rgb(255,255,255); border: 1px solid rgb(255,255,255); margin: 0px 0px 2px 1px}

/* Allgemeine Definition der Zellen */
td.shitem {background-color:  rgb(0,75,140); margin: 0px;border: 1px white;}

/* Definition der Schrift-Klassen */
.shthd1	{font-size: 12px;font-weight: bold;color: rgb(255,255,255);margin: 0px 2px 0px 2px;}
.date {font-size: 11px; font-weight: normal; text-align:left; color: rgb(0,0,0); margin: 0px 0px 0px 0px;}


/*Linkfarben in der Navigation links (Frame)*/
A.nav1:link	{color: black; text-decoration: none; margin: 0px 10px 0px 0px;}
A.nav1:visited	{color: black; text-decoration: none; margin: 0px 10px 0px 0px;}
A.nav1:active	{color: rgb(0,75,140); margin: 0px 10px 0px 0px;}
A.nav1:hover	{color: rgb(0,75,140); margin: 0px 10px 0px 0px;}

A.act:link	{color: black; text-decoration: none; margin: 0px 10px 0px 0px;}
A.act:visited	{color: black; text-decoration: none; margin: 0px 10px 0px 0px;}
A.act:active	{color: rgb(0,75,140); margin: 0px 10px 0px 0px;}
A.act:hover	{color: rgb(0,75,140); margin: 0px 10px 0px 0px;}
```

Ciao
Der DJ

---

Quelle: „mehrere links in verschiedenen farben“, typo3.net, https://www.typo3.net/d/3617-mehrere-links-in-verschiedenen-farben
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.