css

[colmar]

hi leute!

hab wiedermal ein problem. und zwar ich habe auf meiner neuen homepage eine css-datei:

TD { color: #000000; font-family: Arial; font-size: 8pt }
a:link { color: #000000; font-family: Arial; font-size: 8pt }
a:hover { color: #FF8000; font-family: Arial; font-size: 8pt }
a:active { color: #FFC082; font-family: Arial; font-size: 8pt }
a:visited { color: #000000; font-family: Arial; font-size: 8pt }
menu { color: #ffffff; font-family: Arial; font-size: 8pt }
menu:active { color: #000000; font-family: Arial; font-size: 8pt }
menu:hover { color: #5B7A93; font-family: Arial; font-size: 8pt }
menu:visited { color: #5B7A93; font-family: Arial; font-size: 8pt }

und es gibt verschiedene sorten von links. einmal normale und zweitens die vom menu. im menu muss ich dann doch die mit class="menu" bezeichnen oder? aber bei mouseover wirds nicht diese farbe #5B7A93 sondern orange von den normalen links. muss man das nochmal festlegen?

thx

 

[Fabian]

dieses reply dient dazu, dass ich ne mail bekomm, wenn jemand die lösung postet...
Interresiert mich nämlich auch

Kann mir mal einer erklären, warum ich mein eigenes post nich löschen kann?

 

[Comet]

Hallo!

Ist alles soweit richtig, du müßtest nur noch der Menüklasse erklären, daß Sie ein Anker ist(glauber ich??):

TD { color: #000000; font-family: Arial; font-size: 8pt }

a:link { color: #000000; font-family: Arial; font-size: 8pt }
a:active { color: #FFC082; font-family: Arial; font-size: 8pt }
a:visited { color: #000000; font-family: Arial; font-size: 8pt }
a:hover { color: #FF8000; font-family: Arial; font-size: 8pt }

a.menu { color: #ffffff; font-family: Arial; font-size: 8pt }
a.menu:active { color: #000000; font-family: Arial; font-size: 8pt }
a.menu:visited { color: #5B7A93; font-family: Arial; font-size: 8pt }
a.menu:hover { color: #5B7A93; font-family: Arial; font-size: 8pt }

Ausserdem muß man bei Pseudo Klassenelementen die richtige Reihenfolge beachten(hover immer als letztes Element)

 

[Michael Roth]

Hallo,

es muss nicht einmal

a.menue heißen. Klassen gehen mit CSS auch ohne.

Also es reicht:

.menue {color: ....}

In deinem HTML-Quelltext musst du dann nur noch

<A CLASS="menue" HREF="#">Link</A>

eintragen.

Gruß

 

[Sisko]

ich habe das gleiche Problem, es geht aber nicht...ich muss 2 verschiedene mouseover farben festlegen fuer links...

 

[style-guide!]

So mache ich es, und das funzt eigentlich auch...

a:link { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8pt; 
	color:#000000; 
	text-decoration: underline; 
}
a:visited { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8pt; 
	color:#555555; 
	text-decoration: underline; 
}
a:active { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8pt; 
	color:#ff0000; 
	text-decoration: underline; 
}
a:hover { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8pt; 
	color:#0000ff; 
	text-decoration: underline; 
}

a.short:link { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8pt; 
	color:#0000FF; 
	text-decoration: underline; 
}
a.short:visited { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8pt; 
	color:#555555; 
	text-decoration: underline; 
}
a.short:active { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8pt; 
	color:#ff0000; 
	text-decoration: underline; 
}
a.short:hover { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8pt; 
	color:#0000ff; 
	text-decoration: underline; 
}

 

[René]

hi style-guide!,

teste mal das

a { 
    font-family: Verdana, Arial, Helvetica; 
    font-size: 8pt;
    text-decoration: underline; 
}

a:link { 
    color:#000;
}
a:visited { 
    color:#555;
}
a:active { 
    color:#f00;
}
a:hover { 
    color:#00f;
}

a.short:link { 
    color:#00f;
}
a.short:visited {
    color:#555;
}
a.short:active { 
    color:#f00;
}
a.short:hover { 
    color:#00f;
}