Om nah hoo pez nyeetz, Matse!

Jetzt scheitere ich aber noch an ein paar Dingen.

Das sieht doch garnicht so schlecht aus. Folgende Hinweise möchte ich dir noch geben.

Die Pipes ‚|‘ dienen der Zierde, sie haben im Quelltext nichts verloren. Packe sie in die Pseudoelemente, wie ich es dir im dabblett gezeigt habe. Warum sollte ein Screenreader „Pipe Kontakt Pipe“ vorlesen? Warum sollte ein Menüpunkt „| Preise |“ heißen?

Setze Abstände nicht mithilfe von Leerzeichen. Dafür gibt es margin und padding.

Normalisiere nicht alle Abstände auf Null. Ändere nur die Abstände, die du auch tatsächlich ändern möchtest.

Wenn du XHTML schreibst, musst du inhaltsleere Elemente kennzeichnen (<img … />) Verwende besser den doctype html5. So sorgst du für ein valides Dokument, jetzt vs. dann

Das stylesheet muss innerhalb des head-Elements referenziert werden.

Zurre keine Breiten fest. Wenn ein Sehbehinderter eine größere Mindestschriftgröße eingestellt hat, bricht deine Navigation um, obwohl genügend Platz wäre.

Eine Liste dient im allgemeinen zur Auszeichnung *gleichartiger* Elemente. Für deinen header schlage ich folgende Struktur vor:

<header>  
  <h1><img …>Christiane Wehner<span>Yogalehrerein BDY</span></h1>  
  <ul>  
    <li>…  
    …  
  </ul>  
</header>

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Kur und kursiv.