Browsercheck
Internet Explorer 8: Bestanden
Mozilla Firefox 3: Bestanden
Opera 10 beta: Bestanden
Safari 3.1: Bestanden
Chrome 2: Bestanden
Externe Checks
W3 HTML-Validator: 3 Fehler, 1 Warnung
W3 CSS-Validator: 17 Fehler
Qualidator: 76,3%
Code
Semantisch ist das etwas chaotisch. Du benutzt auf den ersten Blick extrem viele DIV-Container, die aber falsch angewandt werden. Wenn du zum Beispiel eine Überschrift hast, dann musst du diese als Überschrift auszeichnen und nicht einfach ein div drumherumpacken. Genauso wie bei einer Liste oder einem einfachen Textabsatz.
Hier mal ein paar Beispiele:
HTML:
<div id="banner"><p><strong>Willkommen bei Allday-Web</strong><a href="about:/"http://dynamicdrive.com/""></a></p></div>
Das wäre eigentlich eine h1-Überschrift, deswegen solltest du den Text auch so auszeichnen. Außerdem verstehe ich nicht ganz den Sinn dieses "leeren" Links, kannst du mir den erklären?
HTML:
<div id="xmenu">
<a href="index.html">Startseite</a>
| <a href="kontakt.html">Kontakt</a>
| <a href="impressum.html">Impressum</a>
</div>
oder auch:
HTML:
<div id="mainmenu">
<a class="topmenuactive" href="index.html" >Startseite</a><a class="topmenu" href="projekte.html" >Projekte</a><a class="topmenu" href="gaestebuch.html" >Gästebuch</a><a class="topmenu" href="kontakt.html" >Kontakt</a><a class="topmenu" href="impressum.html" >Impressum</a>
</div>
Das sind beide horizontale Listen.
Sind jetzt nur wenige Beispiele; ich wollte dir damit nur zeigen, dass du Elemente auch als das auszeichnen sollst, das sie darstellen (sollen).
Gut finde ich übrigens, dass du erstens deine CSS-Dateien aufgeteilt und zweitens ein extra Print-Stylesheet erstellt hast.
Design
Das Design gefällt mir richtig gut. Für dein ein oder anderen mag die Seite vielleicht etwas zu dunkel sein, aber ich finde gerade die Farben bzw. die Farbkontraste angenehm für die Augen.
Auch die Hover-Effekte in der Top-Navigation gefallen mir.
Ist der Header ein Screenshot/Ausschnitt aus eurem Spiel?
Aufbau
Gefällt mir so auch ganz gut, bis auf die Navigation ganz oben rechts in der Ecke. Die hat doch genau die selben Links, die auch in der Hauptnavigation sind. Deswegen suche ich ein wenig nach dem Sinn der "kleinen" Navigation.
Unter "Projekte" finde ich es nicht ganz so gut gelöst, dass sich links schon außerhalb vom Design ein neues Menü öffnet. Das sollte am besten mit in die Box eingearbeitet werden.
Ansonsten ist die Seite sehr übersichtlich und man findet durch die nicht zu vollgestopfte Navigation schnell, was man sucht.
MfG Icy
