@@Steffen:
nuqneH
Was mir so auffällt: Die Hintergrundgrafik wird wiederholt, das sieht blöd aus. Gib besser eine Hintergrundfarbe an, die dem Grauton des hellen oder des dunklen Streifen unten entspricht und lasse die Hintergrundgrafik nicht wiederholen. [CSS2 §14.2, http://de.selfhtml.org/css/eigenschaften/hintergrund.htm@title=SELFHTML]
142 Kilobyte sind für eine Hintergrundgrafik auch viel zu viel, und JPEG ist hierfür das falsche Grafikformat. [GRAFIKFORMAT, GIF-JPEG]
Die grauen Ecken an den runden weißen Ecken sehen blöd aus. Die aktuellen Versionen sämtlicher bedeutsamer Browser außer IE können runde Ecken ohne Grafik – CSS genügt. [CSS3-BACKGROUND §4.4] Für IE kannst du _eine_ Grafik (mit Transparenz) verwenden. (Die Box hat ja eine feste Breite. Ansonsten wären „sliding doors“ interessant.)
Die negativen z-Indizes sind sicher keine gute Idee (um deiner Frage zuvorzukommen, warum die Links nicht clickbar sind). Die z-Indies braucht du überhaupt nicht.
Die fixe Positionierung des Menüs ist auch keine gute Idee: „Hat der Nutzer eine Viewportgröße, die nicht deinen Vorstellungen entspricht – wovon immmer auszugehen ist –, dann ragen die unteren Menüpunkten aus dem Viewport heraus und der Nutzer hat keine Möglichkeit herunterzuscrollen. Dein Impreesum bspw. ist nicht erreichbar.“ [icke]
Es auch gar nicht sinnvoll, das Menü immer im Blickfeld des Nutzers zu halten. “Now leave me alone” [Brown]
Mal in den Quelltext geschaut:
<title>Unbenanntes Dokument</title>
Bist du sicher, dass dies dein Seitentitel sein soll?
<style type="text/css">
[code lang=css] @import url("base.css");
}
</style>[/code]
Nein. Binde das Stylesheet mit 'link' ein, nicht mit '@import'! [PERFORMANCE-BP1]
<h1 id="logo" style="width:682px; height:142px;">
_Sämtliche_ Stilangaben gehören ins Stylesheet, nicht inline in @style-Attribute!
<ul id="navigation">
<li class="navi" style="width:auto; height:15px;">
<p><a href="">Home</a></p>
</li>
<li class="navi" style="width:auto; height:15px;">
<p><a href="">Event</a></p>
</li>
Wenn alle Geschwisterelemente derselben Klasse (hier "navi") angehören, ist die Klasse überflüssig. In CSS kannst du per Nachfahrenselektor (oder Kindselektor) selektieren: '#navigation li' ('#navigation>li'). [CSS2 §5, http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=SELFHTML]
Die 'p'-Elemente sind an der Stelle auch nicht sinnvoll.
„Wir sind am Umbauen!!!!“
Ist das Standartdeutsch oder Berliner Dialekt?
Qapla'
Volumen einer Pizza mit Radius z und Dicke a: pi z z a