<hr> + Bild

[Darthshoot]

Hallo!

Wie mache ich, dass wenn ich <hr> schreibe, statt der normalen Linie ein Bild genommen wird? Es hat natürlich Linienform.

Der Command sollte in CSS sein. Klar ;)

Danke im Voraus.
MfG Darthshoot

 

[Prophet]

Entweder du nimmst gleich ein bild (semantisch natürlich ein bisschen komisch) oder du setzt eine konkrete größe für hr und fügst ein hintergrundbild ein. hr ist eigentlich nichts anderes als eine leeres Blockelement.

 

[Darthshoot]

Kannste mir bitte den Code geben, weil in CSS hab ich fast keine Arnung.

 

[Prophet]

Hintergrundbilder
Größe definieren

<hr style="background-image:url(dein-bild.png);width:??px;height:??px;border:none;" />

Das sollte eigentlich klappen.

Es wäre natürlich sinnvoller einen css-Klasse dafür zu erstellen dann musst du den code nicht immer doppelt schreiben.

 

[Darthshoot]

Ja ich will das ja in eine externe Datei auslagern. Deshalb geht der Code nicht. Ich verstehe das leider nicht in CSS4You :(

 

[Topa]

Was verstehst du nicht? wie man eine externe CSS datei macht oder wie man eine CSS klasse schreibt?

 

[Darthshoot]

Das verstehe ich beides. Mein Problem ist, dass ich einfach nicht weiß, was ich in die Klasse reinschreiben muss, damit sie weiß, dass sie ein Bild nehmen soll. In HTML wäre das ja kein Problem, aber ich will das mit CSS machen, da es einige Vorteile hat.

 

[dementia]

Genau das selbe wie oben :shock:

also:

hr {
  background-image: url( ..
}

 

[flapo]

Das da:

<hr style="background-image:url(dein-bild.png);width:??px;height:??px;border:none;" />

Ist eigentlich das:
HTML
CSS

<hr style="background-image:url(dein-bild.png);width:??px;height:??px;border:none;" />

 

[Darthshoot]

Jo es hat geklappt danke!

EDIT: Noch was: Wie mache ich, dass die hr Bilder Ramenlos werden?

P.s. "border= none;" klappt net.

 

[Prophet]

ight:??px;border:none;" />

:roll:

 

[Darthshoot]

Sorry hab mich vertippt. So hab ich das und es funktioniert nicht:

hr {background-image: url(images/hr.gif); width: 100%; height: 5px; border: none;}

 

[hobbyuser]

Hi Dartshoot

dazu kannst du entweder das HTML Attribut nehmen oder du machst es mit CSS.
HTML-LINK: http://de.selfhtml.org/html/grafiken/einbinden.htm#rahmen
CSS-LINK: http://de.selfhtml.org/navigation/css.htm#rahmen
Erklärung: 0 = Kein Rahmen ;)

Gruß
Hobbyuser

 

[Prophet]

verusch mal ohne freizeichen davor.

Ansonsten:
border:none 0px transparent;