<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.

ingozen · 29.02.2008, 15:47

Du musst da sowieso anders ran.
Sowohl der IE als auch Opera zieren sich bei Hintergrundbildern für eine hr und zeigen den Rahmen trotzdem an.

That´s the way to go:

Code:

.hr {
    background: url(bilder_content/_allgemein/dashbar.jpg) no-repeat; 
    width: 500px; 
    height: 12px;
}

.hr hr {
    display: none;
}

<div class="hr"><hr /></div>

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.

ingozen · 03.03.2008, 08:09

Zitat:

Zitat von color-it

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.

Das Leben ist kein Wunschkonzert …

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.

ingozen · 03.03.2008, 12:02

Und wenn Du endlich mal anfängst, die Tipps hier mal ernstzunehmen, dann würde ich mich evtl. hinreissen lassen, dir eine JS-Lösung zu posten, die dir bei der ganzen Chose behilflich ist.

Aber auf

Zitat:

1 - „Das musst Du so und so machen, weil´s anders nicht geht”
2 - „Nö, mach ich nicht so, das will ich anders und zwar so, wie ich mir das vorstelle. Zwar hab ich immer noch mein Ausgangsproblem, aber Deine Lösung ignorier ich”

hab ich keinen Bock mehr und halt mich in Zukunft raus.
Gleiches Phänomen ist auch in deinen anderen Threads auszumachen.
Denk mal drüber nach.

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?

ingozen · 06.03.2008, 19:26

Zitat:

Zitat von color-it

@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.

Mäuschen, entweder liest Du nicht richtig oder Du willst es nicht verstehen.
Wenn Dir hier 3 Leute, die mit dem Scheiss hier jeden Tag Ihre Brötchen verdienen, schreiben, dass dein Vorhaben so nicht funktioniert, dann kannst du das ruhig mal glauben.

Wie ich schon geschrieben hab: Das Leben ist kein Wunschkonzert und auch kein Ponyhof.
Erst recht nicht, wenn man crossbrowser-taugliche Seiten produzieren will!

Auf Dein Eingangsposting haben mittlerweile 3 Leute geantwortet, de Antworten überliest Du ja scheinbar aber …

Klei mi an'n mors …

P.S.:
Du willst nicht dabei sein, wenn ich anfange zu „pampen” …