ProblemHauptnavigation und CSS Stylesheets

Gesperrt
intermax
Beiträge: 1
Registriert: Di 25. Jul 2006, 12:26
Kontaktdaten:

ProblemHauptnavigation und CSS Stylesheets

Beitrag von intermax »

Hallo,...
nach verschiedenen CMS bin ich nun doch bei Contenido hängengeblieben aber ich muss mich erst an die grundlogik und andere Handhabung gewöhnen... daher bitte nicht scvhimpgen wenn die Frage zu Banal ist. Leider hänge ich aber hier dran fest...

Ich habe vor eine Hauptnavigation über CSS zu steuern was das Design betrifft.

Scheinbar funktioniert das auch teilweise, aber Funktionen wie over, visited oder so macht er nicht...

mir scheint dass Contenido den Umgang in den Tags für Links anders bearbeitet als ich das kenne. hier meine css auf die es ankommt:

.Kopfmenue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #CCCCCC;
font-weight: normal;
text-decoration: none;
text-indent: 10pt;
}
.Kopfmenue:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
text-indent: 10pt;
}
.Kopfmenue:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #CCCCCC;
text-decoration: none;
font-weight: normal;}

im Layout ist CSS eingebunden und die Schrift macht er auch ,... nur nicht Farben und besagte Linkfunktionen...

Was mache ich falsch... oder wo habe ich den Knoten im Augennerv?

Gruß Jörg
xmurrix
Beiträge: 3215
Registriert: Do 21. Okt 2004, 11:08
Wohnort: Augsburg
Hat sich bedankt: 4 Mal
Danksagung erhalten: 17 Mal
Kontaktdaten:

Beitrag von xmurrix »

Hallo,

probier doch die Pseudo-Klassen definition auf Anker anzuwenden, also

Code: Alles auswählen

a.Kopfmenue:link{...}
a.Kopfmenue:hover{...}
a.Kopfmenue:visited{...}
Nicht alle Browser interpretieren die Pseudo-Klassen :hover u. :visited auf eigene CSS-Klassen (glaube ich zumindest).

Gruß
xmurrix
kahuna
Beiträge: 23
Registriert: Fr 3. Dez 2004, 03:42
Wohnort: mannheim
Kontaktdaten:

Beitrag von kahuna »

also bei mir funktionierts das wunderbar, ich mache das allerdings nochmals anders ;) vlt auch seit jahren falsch, aber es geht, bisjetzt auch in jedem browser...

versuchs mal so....:
"a:linkstatus.classname" ... in deinem fall:

Code: Alles auswählen

a:link.Kopfmenue { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #CCCCCC; 
font-weight: normal; 
text-decoration: none; 
text-indent: 10pt; 
} 
a:hover.Kopfmenue{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
text-indent: 10pt; 
} 
a:visited.Kopfmenue { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
color: #CCCCCC; 
text-decoration: none; 
font-weight: normal;}
Gesperrt