Zum Inhalt springen

RO bei TMENU funktioniert nicht ;-(

Erstellt am 14. Oktober 2005 · 2 Antworten · letzte Antwort am 14. Oktober 2005

Tags: HTML & CSS, Frage

Hauke H ·

Hallo!
Habe eine Frage bezüglich des RollOver-Effekts bei TMENU's.

Hier mal mein Code:

HAUPTMENU = HMENU
HAUPTMENU.special = directory
HAUPTMENU.special.value = 8
HAUPTMENU.entryLevel = 1
HAUPTMENU.1 = TMENU
HAUPTMENU.1.NO = 1
HAUPTMENU.1.NO.linkWrap = |<br />
HAUPTMENU.1.NO.ATagParams = class="noL1"
HAUPTMENU.1.ACT = 1
HAUPTMENU.1.ACT.linkWrap = |<br />
HAUPTMENU.1.ACT.ATagParams = class="actL1"

Wie lautet der Code wenn ich jetzt mittels class="roL1" einen Rollover erzeugen will?

Der CSS-Code in der CSS-Datei dazu ist:

/*---> Hauptmenu Begin <---*/
#HAUPTMENU {
display: block;
font-family: Verdana,  sans-serif;
/*width: 140px;*/
margin-top: 5px;
}

#HAUPTMENU a {
display: block;
font-family: Verdana,  sans-serif;
font-size: 12px;
color: #ffff00;
font-weight: bold;
text-decoration: none;
padding: 2px;
margin-bottom: -10px;
}

#HAUPTMENU a.noL1 {
color: #ffff00;
border: 1px solid #ffff00;
width: 140px;
}

#HAUPTMENU a.roL1 {
color: #000080;
border: 1px solid #000080;
background-color: #ffff00;
width: 140px;
}

#HAUPTMENU a.actL1 {
color: #000080;
border: 1px solid #000080;
background-color: #ffff00;
width: 140px;
}
/*---> Hauptmenü EMD <---*/
sirwylm ·

so geht's...

stylesheet:

A.noL1 {
color: #ffff00;
border: 1px solid #ffff00;
width: 140px;
}
A.noL1:hover {
color: #000080;
border: 1px solid #000080;
background-color: #ffff00;
width: 140px;
}

dann funktioniert auch die css-Klassen(!)-Zuweisung mit

HAUPTMENU.1.NO.ATagParams = class="noL1"

Hat weniger was mit typo3 als vielmehr mit css zu tun (der rollover bei textmenüs kommt von css [hover]):

'#' definiert eine eindeutige id
'.' definiert eine (mehrfache verwendbare) klasse

siehe auch hierzu:
http://www.css4you.de/wscss/css03.html
http://www.css4you.de/pseudoklproperty.html

Beste Grüße
Wilnis