Elya: DIV und CSS

Beitrag lesen

Hallo Cicco0,

schreibe semantisch vernünftigen code - was du produziert hast, nennt sich gemeinhin div-suppe

Nur stell ich mir dann da die Frage, wie man es semantisch machen soll bzw. ohne gleich eine Div-Suppe zu erhalten bzw. mir fehlt da der Gedankenschritt und wie ich auf solche Stolpersteine achten muss bzw. wie ich sie umgehen kann.

Erste Frage: Welche Art von Inhalten möchtest Du wo plazieren und ggf. gruppieren?

Bsp:

Header mit Überschrift/Bild
Navigationsleiste
Newsblock
Inhaltsbereich
...

usw.

Fang nicht "außen", sondern innen an, also beim einzelnen Inhaltselement. ein <p>? Ein <h1>? Eine Liste? Welches Teile Deines Designs kannst Du diesen Elementen bereits mitgeben? (Farbe, Abstände, Rahmen, Hintergrundbilder etc.)

Formatiere die Inhaltsblöcke mit CSS. Wenn nötig, kommt *jetzt* erst das eine oder andere div ins Spiel, das Deinen Inhalt gruppiert. Diesem gibst Du eine sinnvolle, sprechende ID, u.a. damit Du sie im Gewusel nachher wiederfindest: z.B. "<div id="newsbereich">"

Probier mal diese Vorgehensweise, und melde Dich hier, wenn Du auf Probleme stößt.

Gruß aus Köln-Ehrenfeld,

Elya