Horizontaler Trenner

[Markus Strübel]

Sorry, ich steh gerade auf dem Schlauch.
Wie kann ich denn eine horizontale Linie mittels CSS so formatieren, dass ich eine Linie in Farbe #XXXXXX mit der Höhe 1px und Weite 100% erhalte?

[Gernot Back]

Hallo Markus,

Sorry, ich steh gerade auf dem Schlauch.
Wie kann ich denn eine horizontale Linie mittels CSS so formatieren, dass ich eine Linie in Farbe #XXXXXX mit der Höhe 1px und Weite 100% erhalte?

Bitteschön:

<hr style="[code lang=css]border:solid #000000;border-width:1px 0 0 0;width:100%;height:0px" />[/code]

Gruß Gernot

[Ashura]

Hallo Gernot.

Sorry, ich steh gerade auf dem Schlauch.
Wie kann ich denn eine horizontale Linie mittels CSS so formatieren, dass ich eine Linie in Farbe #XXXXXX mit der Höhe 1px und Weite 100% erhalte?

Bitteschön:

<hr style="[code lang=css]border:solid #000000;border-width:1px 0 0 0;width:100%;height:0px" />[/code]

Das genügt aber noch nicht für alle:

<hr style="border-color:#000;color:#000;background:#000;border-width:1px 0 0 0;width:100%;height:0;" />

Opera: border-color:#000;
IE: color:#000;
Gecko: background:#000;

Einen schönen Donnerstag noch.

Gruß, Ashura

[MudGuard]

Hi,

Das genügt aber noch nicht für alle:

<hr style="border-color:#000;color:#000;background:#000;border-width:1px 0 0 0;width:100%;height:0;" />

Opera: border-color:#000;
IE: color:#000;
Gecko: background:#000;

Inwiefern sollte die Hintergrundfarbe oder die Textfarbe eine Rolle spielen, wenn nur die border zu sehen ist?

<hr style="color:#ff0; background-color:#00f; border-style:solid; border-color:#f00;border-width:1px 0 0 0;width:100%;height:0;" />

ergibt genauso wie

<hr style="                                   border-style:solid; border-color:#f00;border-width:1px 0 0 0;width:100%;height:0;" />

eine 1px-hohe rote Linie (in IE 5.0, 5.5, 6.0, Opera 7.53, 8.0, Firefox 1.0.5, Mozilla 1.7.3)

Von meinen Browsern zeigt nur der Netscape 4.77 das Ding falsch an: seltsamerweise erscheint die 1px-hohe rote Linie unterhalb des eigentlichen hr …

cu,
Andreas

[Ashura]

Hallo MudGuard.

Inwiefern sollte die Hintergrundfarbe oder die Textfarbe eine Rolle spielen, wenn nur die border zu sehen ist?

Stimmt. Ich hatte vor Kurzem damit zu kämpfen, daher...

Von meinen Browsern zeigt nur der Netscape 4.77 das Ding falsch an: seltsamerweise erscheint die 1px-hohe rote Linie unterhalb des eigentlichen hr …

OK.

Einen schönen Donnerstag noch.

Gruß, Ashura

[Gunnar Bittersmann]

Hi Gernot,

<hr style="[code lang=css]/* Angaben */" />[/code]

Nanana, wir wollen doch Struktur und Layout voneinander trennen und nicht die Verwendung des style-Attributs propagieren!
Also bitteschön:

hr {/* Angaben */}

Gruß,
Gunnar

[Gernot Back]

Hallo Gunnar,

Nanana, wir wollen doch Struktur und Layout voneinander trennen und nicht die Verwendung des style-Attributs propagieren!
Also bitteschön:

hr {/* Angaben */}

Natürlich hast du Recht. Es liegt mir auch fern, mit meiner Art des Code-Postings eine Vermischung von Struktur und Layout zu propagieren. Das Style-Attribut verwende ich dennoch dabei öfters, weil man dann direkt im HTML-Code sehen kann, welchem Element, welche CSS-Eigenschaft zugeordnet ist. Dann brauchen die Leser nicht hin- und herzuscrollen.

Bei diesem Einzeiler war es allerdings kompletter Nonsens.

Gruß Gernot