nicht angemeldet
Hallo, Michael,
IE zeigt wie gesagt kein Hovereffekt an, und Opera spielt völlig
verrückt. Was lernt uns das? ;) Mit einer feinen Dosis JavaScript kann
man diese ganzen Probleme umgehen. CSS ist hier (noch) fehl am Platze.
http://www.schroepl.net/projekte/gzip_cnc/project.htm#credits
(um das Gegenbeispiel und die milden Spender mit einem einzigen Link zu nennen ... ;-)
Es ging hier ja darum, wie man eine *Tabellenzelle* einer Datentabelle dazu bringen kann, anklickbar zu sein. Auf der genannten deiner Seite finde ich aber keine keine Tabellen. ;)
Bei einer Tabelle mit mehreren Spalten hilft eine Liste von a-Elemente mit display:block nicht weiter, siehe genanntes Beispiel http://www.partyof5.de/forum/ (geht AFAIR nicht mit Opera, dort ist noch eine alte Version in Verwendung, soll aber nur als Anwendungsbeispiel dienen).
Natürlich hast du recht, wenn es möglich ist, kann man es sich ganz einfach machen. Dass es bei diesem Problem jedoch wahnsinnig kompliziert ist, es mit CSS einigermaßen interoperabel zu lösen, habe ich versucht darzulegen. (Soll ich NS4.x ins Spiel bringen? *droh* ;))
Im Übrigen könnte man deine Navigation noch verbessern, denn ohne CSS ist sie schwer navigierbar. Ich nutze auf meiner Sterne-Seite eine ähnliche Navigation, meine Navigation degradiert aber zu:
--
Navigation: [ <strong>Aktuelles</strong> | <a>Tourtermine</a> | <a>Biografie</a> | <a>Diskografie</a> | <a>Liedtexte</a> | <a>Verknüpfungen</a> | <a>Gästebuch</a> | <a>Kontakt</a> ]
--
Während bei dir a) die Links zusammenkleben, b) die Grafik keinen Zeilenumbruch erzeugt (könnte man zumindest als unschönen Effekt bezeichnen) und c) die Auswahl in der Navigation nur suboptimal sichtbar wird:
--
gzip_cnc-Logo <a>gzip_cnc</a> <a>Cache</a> <a>Programmlogik</a> <a>Programm</a> <a>Status-Codes</a> <a>Protokoll</a> <a>Wirkung</a> <a>Installation</a> <a>Sicherheit</a>
Projekt
<a>Inhaltsverzeichnis</a> <a>Download</a>
--
Das <p>Projekt</p> zum kennzeichnen des ausgewählten Menüpunktes finde ich fehl am Platze, ich würde wie im Beispiel strong benutzen und dies dann bei aktiviertem CSS mit dem versehen, was du bereits für #nav p notiert hast (plus display:block latürnich).
Vorschläge: (Bitte als konstruktive Kritik verstehen. :))
1. alt-Attribut des Logos in eckige Klammern einschließen, damit die Grafik als solche erkennbar ist.
2. img-Element in ein div-Element einbetten.
3. unsichtbare Trennlinien zwischen die Links: <span style="display:none">|</span>. Siehe http://www.w3.org/Consortium/Offices/Germany/Trans/WAI/webinhalt.html#tech-divide-links, auch wenn ich den Server momentan nur über einen Proxy erreiche.
4. ausgewählten Menüpunkt mit einem Inline-Element kennzeichnen (em oder strong).
Grüße,
Mathias