Hi Jan,
erstmal mein Kompliment für diese ausgesprochen schöne Site. Sie ist grafisch anspruchsvoll und dennoch nicht überladen, auch technisch ist sie bereits sehr gut. Ich habe dennoch einige Verbesserungsvorschläge:
Verwende für das Menü besser HTML-Listen, ohne CSS stehen die Menüpunkte sonst nebeneinander und nicht untereinander. Listen sind viel übersichtlicher und wären auf deinen Seiten auch angebracht: http://selfhtml.teamone.de/html/text/listen.htm
Bei den einzelnen Code-Beispielen könntest du noch direkte Links zu den anderen Beispielen einbauen und beim angeführten Quellcode das Element <code> statt <pre> verwenden: http://selfhtml.teamone.de/html/referenz/elemente.htm#code Speziell beim innerhalb des Fließtextes angegebenen Quellcode ist dies logischer als ein einfaches <i>, es sieht auch besser aus ;)
#left a .hov
#left a:hover .hov
#left a .info
#left a:hover .info
Tja, das kann Opera leider noch nicht, das *muss* aber mit Version 7 möglich sein. Für Opera <7 müsstest du mit Javascript arbeiten und zunächst versteckte DIVs bei Bedarf einblenden, das kann er nämlich. Wenn du das verständlicherweise nicht willst, kannst du die Zusatzinformation jeweils in das title-Attribut der Menü-Links packen, sodass sie mit Opera wenigstens auf diesem Weg zugänglich sind. Der Nachteil dieser Methode ist allerdings, dass dann auch andere Browser diese Information im Tooltip anzeigen - und somit doppelt.
Deine Browserweiche funktioniert gut, aber du könntest noch etwas HTTP-Overhead sparen, wenn du alles in einem einzigen Stylesheet definierst (zunächst ganz normal das, was Netscape 4 zusammenbringt) und dann in einem Media-Bereich die zusätzlichen Definitionen unterbringst. So muss nur eine CSS-Datei geladen werden.
Ein Druck-Layout wäre noch toll, das lässt sich beispielsweise mit
@media print {
#left, #head, #foot {
display:none;
}
h1, a {
color:#000;
background-color:transparent;
}
#cont {
border:0;
}
}
hervorragend innerhalb des gleichen Stylesheets realisieren.
Weiters wäre es toll, wenn du das Menü noch mit
body>#left {
position:fixed;
}
für bessere Browser fixieren würdest. Den Selektor versteht der M$IE ebensowenig wie position:fixed, mit dieser Methode verwirrst du ihn wenigstens nicht zusätzlich ;) Achja, irgendwo hast du Selector geschrieben, ich würde hier Selektor vorziehen.
Deine Seiten behandeln Themen, die auch im SELF-Raum vorhanden sind, vielleicht magst du ja http://aktuell.de.selfhtml.org/artikel/css/mouseover/ und http://aktuell.de.selfhtml.org/tippstricks/css/browserweiche/ verlinken.
Wunderbar finde ich auch das Beispiel http://www.fractatulum.de/fraccss/sample/menu2format.htm. Hm, wenn ich so darüber nachdenke, würde sich dieses Thema hervorragend für den CSS-Bereich der neuen Rubrik Tipps+Tricks (http://aktuell.de.selfhtml.org/tippstricks/) eignen. Wenn du Lust hast, einen Beitrag an prominenter Stelle zu platzieren, melde dich bitte bei mir.
Es ist schade, dass die hier im Forum zur Bewertung vorgeschlagenen Seiten nichtmal annähernd diese Qualität erreichen. Weiter so :)
LG Orlando