Verzweiflung - Klassen funktionieren nicht

[Sven Rautenberg]

Moin!

Da du ja die 'a' innerhalt der Klasse menuleft hast, musst du den code "umdrehen"
probier mal statt:

a.menuleft:link { color: #004477; }
a.menuleft:visited { color: #004477; }
a.menuleft:hover { color: #005695; }
a.menuleft:active { color: #004477; }

den code:

.menuleft a:link { color: #004477; }
.menuleft a:visited { color: #004477; }
.menuleft a:hover { color: #005695; }
.menuleft a:active { color: #004477; }
-= ungetestet =-

Funktioniert aber so. :)

Ich möchte an dieser Stelle aber noch gleich ein paar Verbesserungsvorschläge anbringen:

<tr>
    <td width="92%" height="30">
      <div align="center"><a href="file:///E|/Xampp/minixampp/htdocs/schmali/home.php">Startseite</a></div>
    </td>
  </tr>

Das kann man besser machen. :)

In erster Linie ist das <div> überflüssig. Wer CSS einsetzt, kann auf das align-Attribut verzichten.

Im CSS einfach
td { text-align:center; }
definieren und gut ist. Gerne auch verschachtelt als

table.menuleft td { text-align:center; }

Das bedeutet: Alle TD, die sich innerhalb der Tabelle mit der Klasse "menuleft" befinden, werden formatiert.

Dasselbe bewirkt übrigens oben die Umdrehung von "a.menuleft" zu ".menuleft a". Selektoren sind was wunderbares, man kann sich eine Menge Klassendefinitionen sparen, wenn man sie geschickt einsetzt. Allerdings macht das die CSS-Dateien natürlich nicht unbedingt leichter verständlich. :)

- Sven Rautenberg