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ß.

[Conny]

Hi Tom,
versuch mal DAS:

QUELLTEXT

HR {

color: #000000;

background-color: #000000;

width: 300px;

height: 1px;

text-align: center;

border: 0px;

}

So in Deine CSS-Datei stellen; auf der Seite dann nur <HR>
Wenn Du mehrere Varianten haben möchtest, dann mit CLASS arbeiten!

cu
Conny

[Gast_Tom._*]

HI!

.hr {
color: #000000;
background-color: #FF0000;
width: 100%;
height: 1px;
}

<tr><td class="hr"><hr></td></tr>

Das sollte ja eigentlich für meine Zwecke ausreichen. Geht auch. Malt einen schönen Strich ...nur leider in #808080 ??? und nicht in Schwarz!


Warum?

[Conny]

Hi,
nicht .hr, sondern NUR hr (also ohne Punkt)
Wegen der Farbe:
Du schreibst: background-color: #FF0000;
Nehm die 'FF's mal weg...

cu
Conny

[Gast_Tom._*]

NUR hr (also ohne Punkt)

Achso, das ist ein vollwertiges CSS-Ding; ich dachte das wäre eine Eigenkreation...

Wegen der Farbe:

...die war ein Scherz!

cu Conny

Ist und bleibt der Beste! ...und Schnellste!

Danke!

[Netizen]

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?!  :?:

Schmeiß das <hr> komplett raus und gebe der Tabellenzelle bzw. -zeile einen Rand:

QUELLTEXT

CSS:

.black {

 border-bottom: 1px solid black

}



HTML:

<tr class="black">...</tr>

HTH
n!

[Netizen]

NUR hr (also ohne Punkt)

Achso, das ist ein vollwertiges CSS-Ding; ich dachte das wäre eine Eigenkreation...

[list]

[*].hr - Klassenselektor für alle Elemente der Klasse "hr"

[*]#hr - ID-Selektor für das Element mit der ID "hr"

[*]hr - Elementselektor für alle Elemente "hr"[list]
HTH
n!

[Gast_Tom._*]

HI!

Schmeiß das <hr> komplett raus und gebe der Tabellenzelle bzw. -zeile einen Rand:

QUELLTEXT

CSS:

.black {

 border-bottom: 1px solid black

}



HTML:

<tr class="black">...</tr>

HTH
n!

Danke! So geht`s natürlich auch. Aber warum meinst Du, dass ich das hr rausschmeissen sollte? Spricht irgendwas gegen den Tag oder ist das nur Geschmackssache?

Gruß!

_____________________________

PS: Soll das da oben
<tr class="black">...</tr>
nicht
<td class="black">...</td>
heissen? :?

[Netizen]

Danke! So geht`s natürlich auch. Aber warum meinst Du, dass ich das hr rausschmeissen sollte? Spricht irgendwas gegen den Tag oder ist das nur Geschmackssache?

Mit CSS gehts zumeist einfacher, flexibler und besser kontrollierbar. Darüberhinaus setze ich bei mir <hr> nur in Verbindung mit 'display: none' ein: Die Linien werden also nur angezeigt, wenn kein CSS verfügbar ist.

PS: Soll das da oben  
<tr class="black">...</tr>
nicht
<td class="black">...</td>
heissen?  :?

In diesem Fall ja, hab grad festgestellt, daß man einer ganzen Zeile offenbar keine Ränder zuweisen kann. Bestimmte Eigenschaften lassen sich aber auch auf ganze Zeilen anwenden bzw. werden von diesen dann an die einzelnen Zellen vererbt.

Gruß
n!

[Gast_Tom._*]

Mmmh, also das border-bottom: ... per css hat bei mir noch NIE funktioniert; warum weiss ich auch nicht?! Allerdings fällt mir immer wieder auf, dass man in ein <td> nicht 2x class schreiben kann. Warum nicht? Somit bin ich regelmässig gezwungen "direkte" Tags zu schreiben; quasi so:

<tr class="x"><td class="y"><i></td></tr>

würde es gerne so machen

<tr class="x"><td class="y" class="i">text</td></tr>

geht aber nicht.

[Google Bot]