<HR> mit Hintergrundbild
f*
- css
0 Gemeindediener0 Zeromancer0 Hopsel0 D.R.
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*
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
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
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
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
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
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é
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?
MfG H☼psel
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
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