Pinnwand im Netz

  1. eine HTML-Datei anlegen und eine separate CSS-Datei einbinden, so wie es in CSS: separate Datei beschrieben ist.
  2. in die HTML-Datei den Rahmen für die Pinnwand schreiben (viele div-Container, siehe die Bilder unten)
    • dazu wird CSS: Positionierung benötigt
    • dort steht auch, wie die Größe der Elemente festgelegt werden kann
    • die Zettel brauchen alle eine eigene Positionsangabe. Diese wird direkt in die HTML-Datei geschrieben (siehe „Zettel positionieren“). Alles andere wird in der CSS-Datei geregelt.

Grobaufbau

Erster Schritt: ein Rahmen für die Pinnwand

Zweiter Schritt: einen Zettel in der Pinnwand positionieren

Zettel positionieren

  <div class="zettel" style="left:50px; top:20px;"><div class="nadel"></div>
    ...Inhalt des Zettels...
  </div>