Zum Inhalt springen

CSS Menü aktver Link soll rot sein!

Erstellt am 26. April 2006 · 10 Antworten · letzte Antwort am 26. April 2006

Tags: HTML & CSS, Frage

glasschristian ·

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+++

glasschristian ·

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ß

FordPrefect ·
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

theo ·
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??

glasschristian ·

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==!!?

glasschristian ·

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;
}

Unbekannter Benutzer ·

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