Trennlinie mit HR funzt net.

[finkenmann]

Hallo

ich möchte gerne eine Trennline zwischen verschiedene Artikel setzen und diese gleich auch als Abstanhalter nutzen. Schaffs aber irgendwie nicht, dass das funzt.

Kann mir jemand einen Tipp geben, wie ich das am besten Hinkrieg? Ich möchte, dass die Trennlinie nur ein 1pixel feiner schwarzer Strich ist.

hr {
 color: #000;
 clear: both;
 height: 1px;
 margin: 30px 0 30px 0;
 overflow: hidden;
 text-align: left;
}

Besten Dank
Pierre

[Samuel Vogel]

Gude,

Ich seh auf den 1. Blick 2 Fehler!

hr {
 color: #000;

Die Farbe ist mir unbekannt, meinst du vieleicht Black oder #000000

clear: both;
 height: 1px;
 margin: 30px 0 30px 0;

Warum 2 mal mit "px" und 2 mal ohne?

overflow: hidden;
 text-align: left;
}

mfg samy,

[Detlef G.]

Hallo samy

color: #000;

Die Farbe ist mir unbekannt, meinst du vieleicht Black oder #000000

Das ist kein Fehler, sondern die verkürzte Schreibweise
#000 entspricht #000000
#fff entspricht #ffffff
#1fb entspricht #11ffbb

margin: 30px 0 30px 0;

Warum 2 mal mit "px" und 2 mal ohne?

Bei 0 braucht keine Maßeinheit angegeben zu werden.

Auf Wiederlesen
Detlef

[Pierre]

Da muss ich dich enttäuschen, das ist alles korrekt. In CSS kann man Farbwerte die sich wiederholen auch in der Kurzform schreiben. #33bbcc; kann auch als #3bc; geschrieben werden. Nur sollte man #33bcbb; nich #3bcb; schreiben, des wär dann doch zu viel.

Ebenso verhält es sich mit den Masseinheiten. Der Wert 0 braucht keine Einheit dazu, kann also immer einfach als 0 deklariert werden.

Soviel dazu, nur so viel dass ich meine Linie sauber darstellen kann, weiss ich über css halt doch noch nicht.

Pierre

[Tobias Kloth]

Hallo Samuel,

color: #000;
Die Farbe ist mir unbekannt, meinst du vieleicht Black oder #000000

laut http://www.w3.org/TR/CSS21/syndata.html#value-def-color sind auch 3-stellige hexadezimale Zahlen erlaubt.

margin: 30px 0 30px 0;
Warum 2 mal mit "px" und 2 mal ohne?

wenn der Wert 0 ist darf die Einheit weggelassen werden (siehe http://www.w3.org/TR/CSS21/syndata.html#length-units)

Grüße aus Nürnberg
Tobias

[Auge]

Hallo

Kann mir jemand einen Tipp geben, wie ich das am besten Hinkrieg? Ich möchte, dass die Trennlinie nur ein 1pixel feiner schwarzer Strich ist.

Worum geht's denn jetzt, ist die Linie nicht schwarz oder ist sie nicht
1px dick?

hr {
color: #000;
clear: both;
height: 1px;
margin: 30px 0 30px 0;

Da ginge auch margin:30px 0;
30px für oben _und_ unten, 0 für rechts _und_ links.

overflow: hidden;
text-align: left;
}

Tschö, Auge

[Thomas Meinike]

Hallo,

Kann mir jemand einen Tipp geben, wie ich das am besten Hinkrieg? Ich möchte, dass die Trennlinie nur ein 1pixel feiner schwarzer Strich ist.

hr {
 color: #000;
 clear: both;
 height: 1px;
 margin: 30px 0 30px 0;
 overflow: hidden;
 text-align: left;
}

Probiere es so:

hr {
 color: #000;
 background-color: #000;
 height: 1px;
 margin: 30px 0 30px 0;
 border: none;
}

MfG, Thomas

[Zeromancer]

Hallo,

ich möchte gerne eine Trennline zwischen verschiedene Artikel setzen und diese gleich auch als Abstanhalter nutzen. Schaffs aber irgendwie nicht, dass das funzt.

Nun, da müßte doch wieder die Standard-Frage kommen: Welcher Browser, welches OS? Und was genau in welchem Browser nicht funktioniert? Vielleicht mal ein bißchen Quelltext oder lieber gleich eine Seite online?! Und die Erläuterungen unter http://de.selfhtml.org/html/text/trennlinien.htm#gestalten_css haben nicht geholfen?

Mit freundlichen Grüßen

André

[Zeromancer]

Hallo,

äh, sorry, wollte den Themenbereich gar nicht ändern. Habe ich auch nicht gemacht. Muss ich mal als Bug melden, dass das Forum automtisch den Themenbereich ändert. :-)

Mit freundlichen Grüßen

André

[Pierre]

Danke für Eure Hilfe.

[Fritz]

Hallo,

Kann mir jemand einen Tipp geben, wie ich das am besten Hinkrieg? Ich möchte, dass die Trennlinie nur ein 1pixel feiner schwarzer Strich ist.

http://www.fabrice-pascal.de/artikel/stylinghr/
sollte Dir alles zeigen, was Du dazu brauchst.

Gruß Fritz