schwarze Linie valide machen... Einstellungen

[Gast_Tom._*]

Hi!

folgendes zeigt mir die Waschmaschine als unvalide an:

<tr><td><hr noshade color="#000000" size="1"></td></tr> :evil:

Ich möchte da aber einen 1px-dünnen schwarzen Strich haben! :x

Mein Versuch:

css:

.black {
color: #000000;
}

<tr><td class="black"><hr noshade size="1"></td></tr>

Da werden die Dinger aber grau und nicht schwarz?!

Wie geht`s? Lösung...?

Danke!

Gruß.

[Netizen]

Allerdings das mit dem Border-Bottom-Line klappt immer noch nicht via CSS.

.blackline {
border-bottom: solid;
border: 1px;
border-bottom-color: #000000;
}

Das kann auch nicht gehen: Du mischst sogenannte Shorthands ('border-bottom' und 'border') mit normalen Eigenschaften ('border-bottom-color').

Shorthands haben folgenden Nebeneffekt: Es werden zuerst alle Eigenschaften auf ihren Initialwert gesetzt, danach werden erst die Werte der Shorthand ausgewertet (oder anders ausgedrückt: Alle nicht angegebenen Eigenschaften bekommen ihren Initialwert).

In Deinem Fall oben passiert folgendes:
[list] - alle Eigenschaften des unteren Randes werden auf ihre Initialwerte gesetzt, der Stil auf 'solid'

[*]border: 1px - alle Eigenschaften aller Ränder werden auf ihre Initialwerte gesetzt, die Breite auf 1px

[*]border-bottom-color: #000000 - das ist eindeutig[list]
Ergebnis: Alle Ränder haben die Breite 1px sowie die Standardfarbe, außer der untere - der ist schwarz. Aber: Alle Ränder haben nur den Standard-Stil, und der ist none (genaugenommen ist deswegen auch die Breite eigentlich 0, das spielt hier aber keine Rolle).

Lange Rede, gar kein Sinn: Wenn Du das schon so aufdröseln willst, dann mach es konsequent und benutze keine Shorthands:

QUELLTEXT

.blackline {

 border-bottom-style: solid;

 border-bottom-width: 1px;

 border-bottom-color: #000000;

}

Oder mach es komplett in Kurzform, aber mische es nicht (außer Du weißt genau was passiert und wie Shorthands funktionieren):

QUELLTEXT

.blackline {

 border-bottom: 1px solid #000

}

(Auch Werte für Farben lassen sich abkürzen: Statt #RRGGBB kann man auch kurz #RGB schreiben)

Gruß
n!