Tabelle, DIV oder gar etwas ganz anderes?
bearbeitet von Jörg ReinholzMoin!
>
> ![Bildbeschreibung](http://fs5.directupload.net/images/151230/g8lwxmdc.jpg "Titel des Bildes")
>
> Die einfachste Möglichkeit wäre eine Tabelle, zwei Spalten und fertig, ist aber bestimmt nicht Zeitgemäß?
Tabelle? Einfacher und viel schlanker wäre:
`Überschrift (class="zahlweise")`
`Absatz (class="zahlweise" id="was auch immer") mit Text.`
`Überschrift (class="zahlweise")`
`Absatz (class="zahlweise" id="was anderes") mit Text.`
Im css ist dann für die Absätze der Klasse zahlweise eine passende Mindesthöhe und passendes Padding auf der linken Seite definiert. Bild im Hintergrund für den Absatz mit der ID "was auch immer" ebenfalls im CSS definiert. Freilich kann das in dem Fall auch mit etwas wie `<p class="zahlweise" style="background-image:zahlweise.png">Blubber</p>` definiert werden, weil das Bild eigentlich Inhalt ist. Sehbehinderte und Suchmaschinen interessiert die Grafik nicht, also müssen die auch nicht irgendwelchen nutzlosen Infos belästigt werden.
Jörg Reinholz
Tabelle, DIV oder gar etwas ganz anderes?
bearbeitet von Jörg ReinholzMoin!
>
> ![Bildbeschreibung](http://fs5.directupload.net/images/151230/g8lwxmdc.jpg "Titel des Bildes")
>
> Die einfachste Möglichkeit wäre eine Tabelle, zwei Spalten und fertig, ist aber bestimmt nicht Zeitgemäß?
Tabelle? Einfacher und viel schlanker wäre:
`Überschrift (class="zahlweise")`
`Absatz (class="zahlweise" id="was auch immer") mit Text.`
Im css ist dann für die Absätze der Klasse zahlweise eine passende Mindesthöhe und passendes Padding auf der linken Seite definiert. Bild im Hintergrund für den Absatz mit der ID "was auch immer" ebenfalls im CSS definiert. Freilich kann das in dem Fall auch mit etwas wie `<p class="zahlweise" style="background-image:zahlweise.png">Blubber</p>` definiert werden, weil das Bild eigentlich Inhalt ist. Sehbehinderte und Suchmaschinen interessiert die Grafik nicht, also müssen die auch nicht irgendwelchen nutzlosen Infos belästigt werden.
Jörg Reinholz