---
title: "CSS Menü aktver Link soll rot sein!"
url: "https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2006-04-26"
last_reply: "2006-04-26"
replies: 10
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS Menü aktver Link soll rot sein!

Allgemein · 10 Antworten · gestartet 2006-04-26

## Eröffnungsbeitrag

**glasschristian** · 2006-04-26 · [Beitrag #1](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/1)

Hallo habe auch noch ein Problem mit der Navigation und zwar soll der aktuelle Reiter wo man sich gerade befindet Rot werden. Mir fällt nur gerade der CSS-Befehl nicht mehr ein  :'(

Hier mein TS-Menü
-----------------------------------------------------------------
#Einbindung Navigation
subparts.navi = HMENU
subparts.navi {

special = directory
special.value = 456
wrap = <ul> | </ul>
1 = TMENU
1.NO.allWrap= <li class="NO"> | </li>
ACT = 1
ACT.allWrap = <li class="ACT"> | </li>

}

MEIN CSS-Menü
--------------------------------------------------------------
#navi {
position: absolute;
left: 25px;
top: 170px;
background: #158BC6;
width: 800px;
height: 45px;
}

#navi ul {
margin: 0;
padding: 0;
}

#navi li {
float: left;
display: block;
color: white;
padding: 0 17px 0 0;
font: normal 17px Verdana,Arial,Helvetica,sans-serif;
}

#navi li a {
text-decoration: none;
color: white;
}

#navi li a:hover {
color: red;
}

#navi li.ACT,
#navi li.CUR {
font-size: 18 px;
position: relative;
top: -4pxM
}

Danke euch+++

## Antworten

### [#2](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/2) · FordPrefect · 2006-04-26

Hi,

wie wärs mit background: #000;

P.S. Hat nichts mit Typo3script noch mit Typo3 zu tun

Gruss

Ford

### [#3](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/3) · glasschristian · 2006-04-26

versteh ich jetzt nicht ganz.

Was will ich mit dem Hintergrund. Ich möchte das das Menüelement das gerade aktiv (auf dieser Seite ich mich jetzt befinde) die Schrift rot wird und wenn ich auf eine andere Seite gehe diese in der Navigation rot wird!

gruß

### [#4](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/4) · FordPrefect · 2006-04-26

> **glasschristian schrieb:**
>
> Hallo habe auch noch ein Problem mit der Navigation und zwar soll der aktuelle Reiter wo man sich gerade befindet Rot werden.

Hier steht "Reiter" nicht Linktext, oder?

Dann musste eben mit color: red; arbeiten.

Gruss

Ford

### [#5](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/5) · glasschristian · 2006-04-26

dann so oder

#navi li a {
text-decoration: none;
color: white;                        --> und hier statt white rot?
}

gruß

### [#6](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/6) · theo · 2006-04-26

> **glasschristian schrieb:**
>
> dann so oder
>
> #navi li a {
> text-decoration: none;
> color: white;                        --> und hier statt white rot?
> }
>
> gruß

Was hindert Dich jetzt daran, es selbst auszuprobieren??

### [#7](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/7) · FordPrefect · 2006-04-26

nein,

da rein:

#navi li.ACT,
#navi li.CUR {
font-size: 18 px;
position: relative;
top: -4pxM
}

Gruss

Ford

### [#8](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/8) · glasschristian · 2006-04-26

hää bin ich jetzt tz blöd dafür????

sieht jetzt so aus

#navi li.ACT,
#navi li.CUR {
font-size: 18 px;
color: red;
position: relative;
top: -4pxM
}

und funkt trotzdem nicht! bleibt weiß wenn ich der link dann geöffnet ist==!!?

### [#9](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/9) · FordPrefect · 2006-04-26

#navi li.ACT a,
#navi li.CUR a {
font-size: 18 px;
color: red;
position: relative;
top: -4pxM
}

### [#10](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/10) · glasschristian · 2006-04-26

also irgendwie geht des immer noch nicht cache und alles geleert...

Hier mal die gesamte CSS- vll hab ich irgendwo anders schon eine Grundeinstellung???

Guck sie dir mal bitte an

DANKE
-------------------------------------

p {
margin: 0;
}

#rootline {
position: absolute;
top: 1px;
left: 20px;
width: 450px;
height: 13px;
background: #158BC6;
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
color: white;
text-decoration: none;
}

#rootline li {
color: white;
}

#rootline li a {
text-decoration: none;
color: white;
}

#rootline li a:hover {
color: white;
}

#content {
position: absolute;
top: 225px;
left: 333px;
width: 600px;
background: #158BC6;
font: normal 15px Verdana, Arial, Helvetica, sans-serif;
color: white;
}

#head {
position: absolute;
top: 15px;
left: 20px;
width: 534px;
height: 117px;
background-image: url(img.gif);
}

#header-text {
position: relative;
top: 135px;
left: 285px;
width: 450px;
height: 12px;
background: #158BC6;
font: normal 15px Verdana, Arial, Helvetica, sans-serif;
}

#navi {
position: absolute;
left: 25px;
top: 170px;
background: #158BC6;
width: 800px;
height: 45px;
}

#navi ul {
margin: 0;
padding: 0;
}

#navi li {
float: left;
display: block;
color: white;
padding: 0 17px 0 0;
font: normal 17px Verdana,Arial,Helvetica,sans-serif;
}

#navi li a {
text-decoration: none;
color: white;
}

#navi li a:hover {
color: red;
}

#navi li.ACT a,
#navi li.CUR a {
font-size: 18 px;
color: red;
position: relative;
top: -4pxM
}

#topmenu {
position: absolute;
left: 42px;
bottom: 10px;
background: black;
float: left;
display: block;
color= #000000;
padding: 0 10px 0 0;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}

#right {
position: absolute;
height: 250px;
top: 295px;
left: 21px;
width: 275px;
background: #158BC6;
}

#left {
position: absolute;
top: 220px;
left: 21px;^
width: 275px;
background: #158BC6;
}

#left ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#left li {
text-decoration: none;
font: normal 13 px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 15px 5px 10px;
color: white;
}

#left li a {
text-decoration: none;
color: white;

}

#left li a:hover {
color: red;
}

#left li.ACT,
#left li.CUR {
font-size: 18 px;
position: relative;
top: -4pxM
}

body, html {
border: 0;
margin: 0;
width: 100%;
height: 100%;
background: #158BC6;
font: normal 100.01% Verdana, Arial, Helvetic, sans-serif;
color: white;
scrollbar-highlight-color: #158BC6;
}

H1 {
	font-family : Verdana, sans-serif;
	font-size : 16px;
	color : white;
	margin-bottom : 0px;
	margin-top : 10px;
}
H2 {
	font-family : Verdana, sans-serif;
	font-size : 15px;
	color : white;
	margin-bottom : 10px;
	margin-top : 20px;
}
H3 {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : white;
	margin-bottom : 0px;
	margin-top : 10px;
}
H4 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : white;
	margin-bottom : 0px;
	margin-top : 10px;
}
.subhead1 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : black;
}
.subhead2 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : green;
}
.subhead3 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : red;
}
.headerdate {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : red;
	font-weight: normal;
}

li {
text-decoration: none;
color: white;
}
li a {
color: white;
}
li a:hover {
color: red;
}

strong {
text-decoration: none;
color: white;
}

A {
color:white;
}

A:hover {
color:red;
}

A:active {
color:white;
}

### [#11](https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein/11) · Unbekannter Benutzer · 2006-04-26

hat wie theo und FordPrefect schon schreiben rein überhaupt nichts mit Typo3 zu tun und von daher auch nicht viel hier verloren.

Guter Link für HTML Probleme:
<http://de.selfhtml.org/>

In Deinem Fall vermute ich jetzt einfach mal ohne mich genauer mit Deinem CSS zu beschäftigen, dass die Formatierung irgendwo anders noch mal überschrieben wird. z.b. beziehst Du ganz unten in Deinem CSS Deine A Formatierung auf überhaupt nichts könnte also alles formatieren egal was Du weiter oben so formatiert hast.

Das einzige was bei Deinem Problem evtl. mit dem Thema Typo3 zu tun hat:

> also irgendwie geht des immer noch nicht cache und alles geleert...

Solltest Du Dich damit auf den Typo3 Seitencache beziehen, dieser hat rein gar nichts mit CSS Änderungen zu tun.

Viele Grüße
Niki

---

Quelle: „CSS Menü aktver Link soll rot sein!“, typo3.net, https://www.typo3.net/d/42055-css-menue-aktver-link-soll-rot-sein
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.