Hi Hondo,
Aber ich werde jetzt die Linien weglassen, und es anderst versuchen.
Kannst Du natürlich, etwa eine Linie aus einem 1 oder 2 Pixel hohem gif bauen. Mich hat die Sache aber dann doch interessiert und ich habe mal ein bisschen experimentiert. Meines Erachtens sollte der hr-Bereich immer etwa 7 Pixel hoch sein, was wohl kein Problem sein dürfte. Die anderen Abstände scheinen mir von den umgebenden Elementen zu kommen. Lad Dir mal das in einen Editor oder Browser.
<hr style="color: Blue; line-height: 4px;">
<h1>Dies ist eine Überschrift 1.</h1>
<hr style="margin-top: 0; margin-bottom: 0; line-height: 3px; height: 2px; width: 300px;">
<h2>Dies ist eine Überschrift2.</h2>
<hr style="height: 4px; line-height: 6px; margin: 0; padding: 0; width: 500px;">
<h3 style="margin: 0; padding: 0;">Dies ist eine Überschrift3.</h3>
<hr>
<p>Dies ist ein Absatz</p>
<hr>
Alle Versuche, die hr-Höhe über CSS zu beeinflussen, sind gescheitert, die Höhe scheint mir auch nicht abhängig zu sein von der Höhe der umgebenden Elemente, was ich erst gehofft hatte. Tatsächlich scheint mir dennoch der Großteil der Abstände von den umgebenden Elementen zu stammen.
Vielleicht kann mal einer der CSS-Experten was dazu sagen? Habe ich etwas übersehen oder noch dümmer angestellt als sonst?
Viele Grüße
Mathias Bigge