<hr> Linien mit CSS formatiert: noshade in CSS definieren?

color-it · 29.02.2008, 14:46

Hallo,

ich hab mir hier mit CSS das <hr> formatiert:

Code:

hr { background-image: url(bilder_content/_allgemein/dashbar.jpg); background-repeat: no-repeat; width: 500px; height: 12px; outline-width: 0; noshade="noshade"; }

Wie ich es mit "noshade" oben definiert habe, funktioniert jedenfalls so nicht.
Kann ich es irgendwie in dieser externen CSS-Datei angeben, dass es eben "noshade" sein soll, ohne das extra bei jeder Linie mit eingeben zu müssen?

Danke.

Boris · 29.02.2008, 15:05

border: 0 none

color-it · 29.02.2008, 15:12

Danke, funktioniert leider trotzdem nicht.

In Golive habe ich nun:

Code:

hr { background-image: url(bilder_content/_allgemein/dashbar.jpg); background-repeat: no-repeat; width: 500px; height: 12px; border: 0; outline-style: none; outline-width: 0; }

Dein "none" in der Art, wie du es oben geschrieben hast, wirft es mir in Golive's CSS-Editor immer wieder raus.

Boris · 29.02.2008, 15:33

Was heißt denn "funktioniert nicht" ...? Vergiss auch nicht, margin und padding auf 0 zu setzen.

color-it · 03.03.2008, 07:50

Zitat:

Zitat von Boris

Was heißt denn "funktioniert nicht" ...? Vergiss auch nicht, margin und padding auf 0 zu setzen.

Nein, das shading geht trotzdem nicht weg:

Code:

hr { background-image: url(bilder_content/_allgemein/dashbar.jpg); background-repeat: no-repeat; width: 500px; height: 12px; margin: 0; padding: 0; border: 0; outline-style: none; outline-width: 0; }

@ ingozen:

ich möchte keine div-Klassen im Text anwenden, sondern Linie reinziehen - fertig.

Rizzo · 03.03.2008, 07:53

Guckst Du hier - der Artikel ist 2-seitig. Ich erwähne das nur, weil der Link zur 2. Seite schwer zu entdecken ist.

color-it · 03.03.2008, 08:33

Mein‘s schon

Boris · 03.03.2008, 09:57

Es geht halt nicht nur mit einer HR Linie, so schön das auch wäre. Daher benutze ingos Lösung oder leb damit, dass die Browser es unterschiedlich anzeigen.

limette · 05.03.2008, 13:57

oder so?

HTML-Code:

hr {
background:#B20000 none repeat scroll 0%;
border:0pt none;
height:1px;
}

das tuts bei mir in den standard browsern

color-it · 05.03.2008, 14:21

@ingozen

Pamp mich nicht an. Ich drücke mich wohl klar und deutlich im Eingangsposting aus, was ich brauchen kann und was nicht. Von Javascript war nicht die Rede. Wenn ich so einen umständlichen Workaround gewollt hätte, hätte ich das a) so formuliert und b) dann bräuchte ich auch keine externe CSS-Lösung, sondern könnte es gleich händisch machen - kommt aufs gleiche raus und ich brauch kein Javascript.

@ limette

danke, das funktioniert recht gut. Ansonsten muss man halt die <hr>-Linie händisch in Golive nochmal auf noshade stellen. Zumindest hat das Format mit der Grafik per CSS gut funktioniert. Danke.

limette · 05.03.2008, 15:25

einen ersatz für noshade kenne ich in css meines wissens nicht (lasse mich aber gerne belehren) ...
lass es doch im html weg, oder willst du damit etwas besonderes erreichen?