molily: horizontale linie mit grafik?

Beitrag lesen

<div name=bla></div>

verwende statt name -> class -> <div class="bla"></div>

und dann dem div im stylesheet nen hintergrund zuordnen?

Höhe und Breite sind auch erforderlich!

bsp.:

div.bla {
height:5px;
width:300px;
background-image:url(bild.jpg);
}

Dann würde ich eher vorschlagen, den Abschnitt eines Dokuments mit dem div zu umspannen, vor allem wenn mehrere hr-Elemente vorkamen.

<div class"abschnitt">
<h2>Bla</h2>
<p>Bla</p>
...
</div>
<div class="abschnitt">
usw.

Dann das Hintergrundbild mit Wiederholung in der Horizontalen (background-repeat:repeat-x;), wenn es ein Muster ist, ansonsten keine Wiederholung (no-repeat) und oben zentriert ausgerichtet (background-position:top center;). Damit der Inhalt des divs nicht über dem Hintergrundbild liegt, bekommt es einen entsprechenden Wert für padding-top.