[Erledigt] HTMl-Tag HR (Linie) einfärben in Mozilla mit CSS

14.10.2004, 08:21

Hallo,
ich habe folgendes Problem:

Ich möchte dem HTML-Tag HR eine Farbe geben per CSS.
Im Internet Explorer kein Problem aber im Mozilla geht es nicht, da wird die HR immer als graue Linie angezeigt! '+?

/(/

Wer weis wie ich die CSS machen muss damit auch das geht?
hier die CSS-Klasse:

Code:

hr {
	color: red;
	size: 1px;
}

Vielen Dank im voraus

14.10.2004, 08:59

du kannst sie auch mit html einfärben
<hr color="red">
zb

in css wäre das denn so

<hr style="color:red; size:10px">

aber ka so genau obs bei css auch size heißt

könnt width oda sowas sein

musste halt ma rumproben ^^
wenn nich lese mal selfhtml da is viel css drin

edit: ersten 2 zeilen von mir waren müll^^

20.10.2004, 08:37

Dank für die Antwort, NUR hilft das nicht wirklich weiter!
Denn wie man in meiner Frage sieht, habe ich genau das gemacht.
Im Internet Explorer ist das auch OKi, Zicken macht nur der Firefox

So sieht meine aktuelle CSS-Definition aus.
Der Forefox zeigt die punkte und die HR Linie an und das ist nicht wirklich
Sinn der Sache ...................

Code:

<style>
hr {
	color: #FFFFFF;
	size: 1px;
	border-bottom: 3px dotted #C5E1F4;
}
</style>

imported_Ben · 20.10.2004, 08:45

frage:
warum verwendest du eigentlich das element <hr>, wenn du die linie gar nicht verwenden willst?

20.10.2004, 08:48

Ich möchte HR verwenden, weil die Linien beim Ausdruck
auf jeden Fall mitgedruckt werden und das in allen Browsern.
Alles andere geht zwar auch, macht aber wieder mehr Arbeit.

toscho · 20.10.2004, 10:42

Nimm »background«. »color« bezieht sich auf die Textfarbe, aber deine HR enthält überhaupt keinen Text.

Gruß
Thomas

02.11.2004, 11:55

Wenn ich die eigenschaft für die hintergrundfarbe in die css-definition übernehme geht es auch nicht! hier der aktuelle css-code

Code:

hr {
	color: #FFFFFF;
	background-color: #FFFFFF;
	size: 1px;
	border-bottom: 3px dotted #C5E1F4;
}

Wer hat eine Idee?

imported_Ben · 02.11.2004, 12:14

was genau soll "size" sein?
entweder ich schlafe noch oder es gibt keine entsprechende eigenschaft in CSS.

nun gut.
vergib mal eine höhe ... z.b. height:2px;

eventuell hilft das ...

02.11.2004, 12:20

vielen dank für die anregung.
geholfen hat es zwar nicht ... aber es hat mich nochmals
zum nachdenken über dieses problem angeregt und das ist
die lösung:

Code:

hr {
	border: 2px dotted #C5E1F4;
}

vorher hatte ich nur border-bottom angegeben und der firefox
zeigte dann immer die "hr-linie" mit an. wenn man aber die border
für alle seiten vergibt ist das problem gehoben -> allerdings verhält
sich das aussehen ein wenig anders als vorher, passt aber trotzdem!

vielen dank für eure hilfe.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] HTML Mail mit Lücken mitten in den Worten, wie kommt das?	DeeFour	PHP-Fortgeschrittene	2	29.05.2008 15:47
Variable und komplette HTML Datei	chrisonline	PHP Tipps 2007	3	24.05.2007 15:30
&amp;amp;lt;if&amp;amp;gt; &amp;amp;lt;/if&amp;amp;gt; in einer HTML Datei fuer Templ		PHP-Fortgeschrittene	6	03.11.2005 12:05
Mozilla Turbochicken		Off-Topic Diskussionen	7	17.08.2005 11:33
Kontaktformular, welches auf neue html Seite führt		PHP Tipps 2005-2	4	20.07.2005 11:21
HTML Tabellenzeile in Tabelle einfügen?		Datenbanken	2	28.01.2005 00:28
IMAP: Bild(er) in HTML Part richtig darstellen		PHP-Fortgeschrittene	1	07.10.2004 12:21
[Erledigt] Mit Java If Anweisung zwischen 2 HTML Tabellen wählen		HTML, Usability und Barrierefreiheit	1	05.10.2004 08:53
{$varname.optelement} mit preg_match aus HTML extrahieren		PHP Tipps 2004	0	11.09.2004 04:13
Unterschied HTML und PHP		PHP Tipps 2004	4	28.08.2004 19:02
[Erledigt] PHP und XML/XSL -> HTML -> Darstellungsfehler		PHP-Fortgeschrittene	11	07.08.2004 23:14
Validitor (HTML 4.01) = Schwachsinn?	Filewalker	Off-Topic Diskussionen	19	03.08.2004 15:27
[Erledigt] PDF aus HTML erzeugen ?		PHP-Fortgeschrittene	2	05.06.2004 02:10
horizontale Linie <hr>		HTML, Usability und Barrierefreiheit	4	04.06.2004 21:09
horizontale Linie &lt;hr&gt;		HTML, Usability und Barrierefreiheit	0	04.06.2004 11:20

14.10.2004, 08:21
Gast Beiträge: n/a	[Erledigt] HTMl-Tag HR (Linie) einfärben in Mozilla mit CSS Hallo, ich habe folgendes Problem: Ich möchte dem HTML-Tag HR eine Farbe geben per CSS. Im Internet Explorer kein Problem aber im Mozilla geht es nicht, da wird die HR immer als graue Linie angezeigt! '+?/(/ Wer weis wie ich die CSS machen muss damit auch das geht? hier die CSS-Klasse: Code: hr { color: red; size: 1px; } Vielen Dank im voraus


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.10.2004, 08:59
Gast Beiträge: n/a	du kannst sie auch mit html einfärben <hr color="red"> zb in css wäre das denn so <hr style="color:red; size:10px"> aber ka so genau obs bei css auch size heißt könnt width oda sowas sein musste halt ma rumproben ^^ wenn nich lese mal selfhtml da is viel css drin edit: ersten 2 zeilen von mir waren müll^^

20.10.2004, 08:37
Gast Beiträge: n/a	Soweit bin ich auch schon aber ... Dank für die Antwort, NUR hilft das nicht wirklich weiter! Denn wie man in meiner Frage sieht, habe ich genau das gemacht. Im Internet Explorer ist das auch OKi, Zicken macht nur der Firefox So sieht meine aktuelle CSS-Definition aus. Der Forefox zeigt die punkte und die HR Linie an und das ist nicht wirklich Sinn der Sache ................... Code: <style> hr { color: #FFFFFF; size: 1px; border-bottom: 3px dotted #C5E1F4; } </style>

20.10.2004, 08:45
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	frage: warum verwendest du eigentlich das element <hr>, wenn du die linie gar nicht verwenden willst? __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

20.10.2004, 08:48
Gast Beiträge: n/a	Das Ausdrucken ist die Motivation Ich möchte HR verwenden, weil die Linien beim Ausdruck auf jeden Fall mitgedruckt werden und das in allen Browsern. Alles andere geht zwar auch, macht aber wieder mehr Arbeit.

20.10.2004, 10:42
toscho Erfahrener Benutzer Registriert seit: 26.09.2004 Beiträge: 430	Nimm »background«. »color« bezieht sich auf die Textfarbe, aber deine HR enthält überhaupt keinen Text. Gruß Thomas

02.11.2004, 11:55
Gast Beiträge: n/a	mit background-color geht es auch nicht Wenn ich die eigenschaft für die hintergrundfarbe in die css-definition übernehme geht es auch nicht! hier der aktuelle css-code Code: hr { color: #FFFFFF; background-color: #FFFFFF; size: 1px; border-bottom: 3px dotted #C5E1F4; } Wer hat eine Idee?

02.11.2004, 12:14
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	was genau soll "size" sein? entweder ich schlafe noch oder es gibt keine entsprechende eigenschaft in CSS. nun gut. vergib mal eine höhe ... z.b. height:2px; eventuell hilft das ... __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

02.11.2004, 12:20
Gast Beiträge: n/a	der ansatz war gut aber .... vielen dank für die anregung. geholfen hat es zwar nicht ... aber es hat mich nochmals zum nachdenken über dieses problem angeregt und das ist die lösung: Code: hr { border: 2px dotted #C5E1F4; } vorher hatte ich nur border-bottom angegeben und der firefox zeigte dann immer die "hr-linie" mit an. wenn man aber die border für alle seiten vergibt ist das problem gehoben -> allerdings verhält sich das aussehen ein wenig anders als vorher, passt aber trotzdem! vielen dank für eure hilfe.