hi all,

es ist ja normal, dass man seinen ((X)HTML)-Test in Überschriften, Paragraphen und andere Blockelemente unterteilt (Blockquotes, Tabellen, Listen, ...)

Ich mach das immer in etwa so:

Der Abstand von Absatz zu Absatz ist also geringer als der zwischen letztem Absatz eines Abschnitts und der Überschrift des nächsten Abschnitts.

Die Probleme, die sich mir nun stellen:

• Das margin-top sorgt dafür, dass auch das erste element innerhalb eines containers einen abstand nach oben hat und daher ein rand entsteht, den ich aber nicht will. die einzige idee, die mir hier kommt, wäre ein negatives padding-top, was aber ja offiziell noch nicht einmal existiert (AFAIK). und selbst das scheitert daran, dass ich nicht genau sagen kann, ob das erste element im container eine überschrift oder ein absatz ist.
• auch wenn ein wenig whitespace mehr am anfang des textes noch zu verkraften wäre, stellt sich das gleiche problem innerhalb von text-block-elementen wie blockquotes. hier ist auch immer ein hässlicher rand oben und unten festzustellen, wenn ein weiteres element, zum beispiel ein <p> enthalten ist, was sich ja nicht vermeiden lässt (laut (X)HTML Strict Specification)

übersehe ich hier etwas? wie macht ihr das normalerweise?

__________________
Gruß,
Niklas

The Place To Be

Das muß man individuell anpassen - wenn z.B. jede h3 innerhalb eines Textes einen Abstand nach oben haben soll, aber die erste nicht, mußt Du Dein CSS entweder geschickt schreiben (h3 ohne margin-top und den Abstand z.B. durch margin-bottom von p erzeugen, der auf jede h3 ausgenommen der ersten wirkt), oder notfalls eine Klasse vergeben, was ich aber vermeiden würde.

ok, soweit die überlegungen, die ich auch schon gemacht hatte. zum thema geschicktes css schreiben: da fehlen mir die selektoren für (z.b. der "element + element" selektor wird ja nicht ausreichend unterstützt).

es läuft also darauf hinaus, dass man immer dem ersten kind die klasse "first" und dem letzten "last" geben muss (weil ja auch :last-child und :first-child nicht richtig unterstützt werden). in verbindung mit authoring-systemen unmachbar? geht das wirklich nicht eleganter?

__________________
Gruß,
Niklas

The Place To Be

Nein, die Alternative ohne Klasse habe ich beschrieben, und das klappt auf meinen Websites fast überall.

aber es ist doch so, dass man dann einen einheitlichen margin-bottom für alle elemente einschließlich überschriften setzen muss. ist es auch möglich, den abstand zwischen überschrift und absatz größer zu machen als den zwischen 2 absätzen?

__________________
Gruß,
Niklas

The Place To Be

Natürlich, per margin-bottom für die Überschift.

ich meine natürlich, dass überschrift und vorhergehender absatz einen größeren Abstand haben als aufeinanderfolgende absätze.

Entschuldigung

__________________
Gruß,
Niklas

The Place To Be

In diesem Falle mußt Du dann doch mit einer Klasse arbeiten, oder Du setzt dort eine per visibility: hidden; unsichtbar gemachte hr ein (die vor einer neuen Überschrift semantisch durchaus legitim ist, auch wenn der Nutzer eines grafischen Browsers sie letztlich nicht zu sehen bekommt).

hm hatte ich mir schon gedacht. danke trotzdem.

__________________
Gruß,
Niklas

The Place To Be