<HR> mit Hintergrundbild

[f*]

Hallo,
ich wiess nicht ob diese Thema hier schonmal zur Sprache kam...

Kann man das <HR> per CSS so umformatieren das ein Grafik als Trenner angezeigt wird?

Dies funktioniert nur im FF 2.0. Was muss man tun, damit es der IE 6 & 7 auch frisst?

hr {
margin:0px;
padding:0px;
border-color:transparent;
background:url(images/linie.gif) repeat-x;
width:100%; }

1000dank
f*

[Gemeindediener]

Moin,

Kann man das <HR> per CSS so umformatieren das ein Grafik als Trenner angezeigt wird?

KA. Ich würde gleich eine Grafik nehmen und width='100%' setzen.

--Heinz

[D.R.]

Hallo,

Kann man das <HR> per CSS so umformatieren das ein Grafik als Trenner angezeigt wird?

KA. Ich würde gleich eine Grafik nehmen und width='100%' setzen.

Ich nicht. Erstens sollte man <img>-Elemente möglichst nicht für Layout-Zwecke missbrauchen und zweitens wird das Bild dann auseinander gezogen, statt wiederholt.

mfg. Daniel

[_roro]

moin,

Kann man das <HR> per CSS so umformatieren das ein Grafik als Trenner angezeigt wird?

KA. Ich würde gleich eine Grafik nehmen und width='100%' setzen.

Ich nicht. Erstens sollte man <img>-Elemente möglichst nicht für Layout-Zwecke missbrauchen und zweitens wird das Bild dann auseinander gezogen, statt wiederholt.

Ich schon.

http://de.selfhtml.org/grafik/sorten.htm#bars

Legitim genug!?

--roro

[D.R.]

Hallo,

Kann man das <HR> per CSS so umformatieren das ein Grafik als Trenner angezeigt wird?

KA. Ich würde gleich eine Grafik nehmen und width='100%' setzen.

Ich nicht. Erstens sollte man <img>-Elemente möglichst nicht für Layout-Zwecke missbrauchen und zweitens wird das Bild dann auseinander gezogen, statt wiederholt.

Ich schon.

http://de.selfhtml.org/grafik/sorten.htm#bars

Legitim genug!?

Nö. Was spricht gegen <hr>-Elemente mit Hintergrundbild?

Dafür (also für die <hr>-Elemente) spricht, dass Anwender, die CSS abschalten und auch keine Bilder laden wollen, nicht irgendeinen Alternativtext, sondern eben eine ganz normale Trennlinie sehen.

SELFHTML 8.1.2 ist inhaltlich eben nicht vollständig auf der Höhe der Zeit, was nicht zuletzt <http://de.selfhtml.org/html/tabellen/layouts.htm@title=dieser Artikel> zeigt.

mfg. Daniel

[_roro]

Hallo,

Kann man das <HR> per CSS so umformatieren das ein Grafik als Trenner angezeigt wird?

KA. Ich würde gleich eine Grafik nehmen und width='100%' setzen.

Ich nicht. Erstens sollte man <img>-Elemente möglichst nicht für Layout-Zwecke missbrauchen und zweitens wird das Bild dann auseinander gezogen, statt wiederholt.

Ich schon.

http://de.selfhtml.org/grafik/sorten.htm#bars

Legitim genug!?

Nö. Was spricht gegen <hr>-Elemente mit Hintergrundbild?

Dafür (also für die <hr>-Elemente) spricht, dass Anwender, die CSS abschalten und auch keine Bilder laden wollen, nicht irgendeinen Alternativtext, sondern eben eine ganz normale Trennlinie sehen.

SELFHTML 8.1.2 ist inhaltlich eben nicht vollständig auf der Höhe der Zeit, was nicht zuletzt <http://de.selfhtml.org/html/tabellen/layouts.htm@title=dieser Artikel> zeigt.

Also, wenn ich mir das noch einmal so recht überlege und darüber nachdenke und überhaupt......

.... muss ich Dir vollkommen Recht geben Daniel!

Dankööööö!!

--roro

[Zeromancer]

Hallo f*,

hr {
margin:0px;
padding:0px;
border-color:transparent;
background:url(images/linie.gif) repeat-x;
width:100%; }

spontan würde ich sagen:

width:100% ist überflüssig, da <hr> ein Blockelement ist
height:xxx könnte bei der Anzeige helfen

Mit freundlichen Grüßen,
André

[Hopsel]

Hi f*!

ich wiess nicht ob diese Thema hier schonmal zur Sprache kam...

Es gibt sogar einen eigenen ABschnitt in Selfhtml.

Kann man das <HR> per CSS so umformatieren das ein Grafik als Trenner angezeigt wird?

Trennlinien mit CSS gestalten

MfG H☼psel

[D.R.]

Hallo,

Kann man das <HR> per CSS so umformatieren das ein Grafik als Trenner angezeigt wird?

Ja.

Dies funktioniert nur im FF 2.0. Was muss man tun, damit es der IE 6 & 7 auch frisst?

hr {
margin:0px;
padding:0px;
border-color:transparent;
background:url(images/linie.gif) repeat-x;
width:100%; }

Vielleicht solltest du statt einer Breite lieber eine Höhe angeben. Generell scheint es jedenfalls auch im IE zu gehen (mit Version 7 getestet).

mfg. Daniel

[Der Martin]

Hallo Daniel,

Generell scheint es jedenfalls auch im IE zu gehen (mit Version 7 getestet).

und mit IE 5.5 bestätigt. Cool! :-)

Ciao,
 Martin