Bilder mit CSS einbinden --- hab da noch Probleme

[Detlef G.]

Hallo Ingo,

du hast hier viele Threads jeweils zu Einzelproblemen der Unsetzung deiner
Seite mit CSS begonnen.

Besser wäre es, wenn du für weitere Fragen einen der bereits bestehenden
Threads verwenden würdest. Wenn du vor dem Abschicken die Vorschaufunktion
benutzt, kannst du auch den Titel des Postings anpassen.
Du kannst davon ausgehen, dass jemand, der dir bereits geholfen hat, immer
wieder in den Thread hereinschaut, ob du weitere Fargen stellst. Ob dieser
allerdings einen neuen Thread von dir liest, ist eher Zufall.

Noch Etwas grundsätzliches zu deiner Herangehensweise:
Du versuchst jetzt Stück für Stück deine Seiten zu schreiben und zu
formatieren. Diese Vorgehensweise ist bei CSS-Layout nicht sehr sinnvoll.

Vergesse als erstes das gewünschte Layout!
Überlege stattdessen, was alles einen Seite enthalten soll, Kopf, Navi,
Inhalt, News oder was auch immer.
Schreibe dieses vernünftig und sinnvoll strukturiert in den HTML-Quelltext.
Überlege dann, welche Teile zusammengehören und also auch gruppiert werden
sollten. Gruppiere diese mit Blockelementnen (z.B. Div).
Klassifiziere diese Gruppen, wo nötig.
Schaue dir das Ergebnis ohne CSS an.
Frage dich, ob diese sehr einfache Darstellung übersichtlich und vernünftig
benuztzbar ist. Denke daran inetwas so sieht es eine Suchmaschine, ein
Nutzer mit Uraltbrowser, oder liest es ein Screenreader vor.

Erst, wenn das OK ist, ist deine Seite fertig für die Gestaltung mit CSS.
Du nimmst dein gewüschtes Layout zur Hand und definierst die notwendigen
Eigenschaften, Farben, Abstände, Border, Floats, Schriftarten und -größen
usw.. Dazu verwendest du wenn möglich die Elementnamen, wenn das nicht
möglich ist, die bereits vorhandenen Klassen.
Nur wenn wenn das nicht geht, und nur dann, fügst du noch zusätzliche
Klassen oder im absoluten Notfall zusätzliche Elemente ein.

Und dann habe ich gelesen, dass ich das <img>-Tag garnicht einfach
so "alleine" setzen darf, sondern nur in ein Block-Element.
Heisst das nun dass es so nicht richtig ist:
<img src="Artikel/2001007-b.jpg" />
sondern z.B. so:
<p><img src="Artikel/2001007-b.jpg" /></p>

Diese Frage wäre bestimmt überhaupt nicht aufgetaucht, wenn dir die
komplette Seitenstruktur mit Navi und Inhaltsbereich bewusst gewesen wäre.

Auf Wiederlesen
Detlef