Thema: Feinschliff beim design

Hallo.

Ich habe zur zeit zwei Probleme in meinen Design das AUSCHLIEßlich auf drei Farben basiert.
Grün ( farbe des hintergrunds)
dunkel grün , schrift auf den hellen gelben teil
gelb schrift auf den grünen Hintergrund.
Seite :http://www.haus-concordia.com/joomla/
Kopfzerbrechen macht mir :

Code:

a:link, a:visited {
	font-size: 11px; 
	color: #005B3E; 
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}
a:hover
{
color: #005B3E;
font-style:italic;
}

color: #005B3E; ist ein Grün das auf den hellen Gelb sehr guit funzt, aber im bereich pathway ( das einen grünen Hintergrund hat) und im Login Bereich ( Passwort? , ist ebenfalls auf grünen Hintergrund) ....sieht man den link nicht mehr.

Was mir vorschwebt ist in die classe pathway und .login die Farben für die LINKLS extra zu def.
Was mir aber nicht gelingt, wer weiß wie?

Und die zweite Problematik macht mir " Login Form". Ich kanns einfach nicht def.
Laut web development tool hat es keine eigene classe....aber im quell code ist eine ausgewiesen für den gesamten breich.....

Code:

moduletable.login {
color: #ffcc66;

}

Vielen Dank im voraus für Eure hilfe

servus
versuch mal:

Code:

.pathway a:link, .pathway a:visited {
color: red;
background: #000;
}
.pathway a:hover{
color:#fff;
}

.login a:link{
color: #000;
background:red;
}
.login td{
color: #000;
background:red;
}
.login tr{
color: #000;
background:red;
}
#mod_login_username{
background:orange;
}
#mod_login_password {
background:#000;
}

Zitat von Knight

Wie soll ich sagen...

mir sind grade die Augen rausgefallen....
Ich glaube mich streift ein Bus

Na was damit sagen wollte....yes hat geklappt...super , danke.

Wahrscheinlich eine sau blöde frage...
Aber der unterschied zwischen
# und .
besteht worin?

Hast DU noch einen Tipp wo ich mehr über solche "einschränkungen" nachlesen kann.
bei selfhtml , habe ich nichts gefunden...

Knight

Die Universalattribute id (#) und class (.) dienen dazu, ein Element
genauer zu bezeichnen.

Eine ID ist ein eindeutiger Bezeichner, d.h. eine ID gleichen
Namens darf in einem Dokument nur ein einziges Mal vorkommen.
Eine ID hat folgende Funktionen:
* Ziel-Anker für Hyperlinks.
* Mit speziellen CSS-Selektoren können Sie für ein Element, das
die entsprechende ID besitzt, eigene Regeln festlegen.
* Die Javascript-Methode getElementById() greift auf ein Element
zu, das die entsprechende ID besitzt.
* Feinere Strukturierung des Quelltextes.

Klassen hingegen können in einem Dokument mehrfach vorkommen. So
können auch unterschiedliche Elemente die selbe Klasse aufweisen.
Klassen haben folgende Funktionen:

* Mit speziellen CSS-Selektoren können Sie für Elemente, die eine
entsprechende Klasse besitzen, eigene Regeln festlegen.
* Feinere Strukturierung des Quelltextes.

hallo
versuchs mal so:
.latestnews {
font-family: Arial,Verdana,Helvetica,sans-serif;
text-decoration: underline;
font-size: 14px;
font-weight: bold;
text-align: left;
padding: 10px 5px;
}

.latestnews a:link{
color: red;
}

ul .latestnews {
color: orange;
}

hallo
versuch mal:

Code:

.table_3_cell_3 .moduletable th{
color:red;
}