Vererbung

[Orlando]

Hi Jochen,

.nav1inaktiv   { color:#FF0000; font-weight:bold; font-size:10pt; }
.nav2inaktiv   { color:#FF5F00; font-weight:bold; font-size:10pt; }
.nav3inaktiv   { color:#FF7F00; font-weight:bold; font-size:10pt; }
.nav4inaktiv   { color:#FF9F00; font-weight:bold; font-size:10pt; }
.nav5inaktiv   { color:#FFBF00; font-weight:bold; font-size:10pt; }
.nav6inaktiv   { color:#E00060; font-weight:bold; font-size:10pt; }
.nav7inaktiv   { color:#DF0000; font-weight:bold; font-size:10pt; }
.nav8inaktiv   { color:#6699CC; font-weight:bold; font-size:10pt; }

du willst Redundanz vermeiden - das ist eine gute Idee. Du kannst natürlich eine zweite Klasse definieren:

.inaktiv { font-weight:bold; font-size:10pt; }
 .nav1    { color:#FF0000; }
 .nav2    { color:#FF5F00; }
  ...

Anschließend weist du deinen Elementen beispielsweise class="nav1 inaktiv" zu. Beachte aber, dass Netscape 4 nur die erste angegebene Klasse berücksichtigt.

Besser, du weist der Navigation eine ID zu, so zB id="nav". Anschließend kannst du mit den Selektoren

#nav { ... }
 #nav a { ... }
 #nav a.aktiv { ... }

die enthaltenen Elemente formatieren (gib dort alles an, was auf alle zutrifft). Klassen kannst du dann zusätzlich einsetzen.

Siehe auch die in meiner ersten Antwort verlinkten Seiten und zusätzlich noch

http://selfhtml.teamone.de/css/formate/zentrale.htm
 http://jigsaw.w3.org/css-validator/

LG Roland