Hintergrund-Bild beim oberer Rahmen

[landfair]

Hallo, ich würde gerne wie auf dieser Seite ein Bild (Pinzelstrich) zwischen dem obersten Text und dem Slider setzen.
Kann mir jemand sagen – wie ich das machen kann? Hier ein Beispiel: http://www.hochburg.net/en/projects.html
Vorab vielen Dank!
Gruß Marvin

 

[LeCub]

du könntest einfach das weiße bild mit paint o.ä malen und das als hintergrund nehmen :)

 

[threadi]

Das ist ein Bild: http://www.hochburg.net/files/custom/img/border_bottom.png

 

[landfair]

Aber wie setzte ich das dort ein? Ist ja eigentlich nur der border. :(

 

[threadi]

Wenn Du dir den Quellcode anschauen würdest, würdest Du sehen, dass es ein Element ist dem das Hintergrundbild zugeordnet ist und welches entsprechend positioniert ist.

Alternativ kann man auch die Eigenschaft border-image verwenden, die wird jedoch auch heute noch nicht von allen Browsern einheitlich unterstützt. Siehe: https://developer.mozilla.org/de/docs/Web/CSS/border-image

 

[landfair]

Vielen Dank! Dank schaue ich mal - ob ich das hin bekomme. :)

 

[methosiea]

Besser ist's du nutzt background-origin und background-clip und übernimmst dann zum einen eine Hintergrundfarbe mittels background-color: #DeineFarbe; Und dann ein Hintergrund:

#meineBox {
background: url(#meinPinselstrich), #meineHintergrundfarbe;
background-position: center top;
background-repeat: repeat-x;
background-clip: border-box, padding-box;
border-top: #meineBildHöhe solid transparent;
}

Das wird in etwas mehr Browsern unterstützt