Der Martin: Umstellung auf HTML5

Beitrag lesen

Hallo,

wenn du schon Rezepte veröffentlichst, dann antworte ich auch mal im Kochrezept-Stil. ;-)

Ein Rezept enthält:

Rezeptnamen
(evtl. Zubereitungszeit)

Zutaten:

Zubereitung:

eventuell Zusatztext.

Um die Zwischenräume wie oben gezeigt zu erhalten, müßte ich jedes einzelne in <p> einschließen?

Ja, das wäre meines Erachtens sinnvoll. Und das gesamte Rezept mit einem gruppierenden Element wie article oder section, zur Not auch div, zusammenfassen.

Text wird mit "text-align: justify;" zu einem Blocksatz. Wie kann man festlegen wie breit ein Blocksatz sein soll?

Über die Breite des p-Elements, wer hätte es gedacht? Und die ergibt sich aus der Breite seines Elternelements und eventuell geltender margins und paddings. Von der harten Tour, die Breite des p-Elements mit width explizit festzulegen, würde ich aber abraten.

List-Elemente können mit "list-style: none;" als einfacher Text dargestellt werden. Wie stelle ich es an, daß zwar mit ol eine Nummerierung erfolgt, aber nicht unterstrichen ist?

Gegenfrage: Was tust du, dass die Numerierung unterstrichen ist? Üblicherweise ist sie das nicht.

Der Rezeptname wird mit h? geschrieben was einen Absatz erzeugt. Nun schreibt man oft darunter einen Zusatztext wie (für 3 Personen). Nun soll der Zusatztext direkt unter den Rezeptnamen stehen das aber nicht möglich ist, weil bei "h1" beispielsweise die zwei Zeilen zu weit auseinander stehen. Wie organisiere ich das, daß der Zusatztext direkt darunter steht?

Spiele mit den margins der Überschrift (vor allem deren margin-bottom) und des Folgeabsatzes mit der Rezeptinfo (hier logischerweise margin-top). Auf 0 setzen würde ich den Abstand vermutlich nicht, aber sehr klein machen.

So long,
 Martin