Links/Überschriften mit "Hintergrundsbild"

[Klener]

Hi,

versuche schon seit geraumer Zeit Links bzw. Überschriften mit einem Hintergrundsbild, dass in Wirklichkeit als Horizontale unter dem Link/der Überschrift (siehe Screenshot) dient per CSS zu realisieren. Das will aber nicht so, wie ich will.
Könnte mir bitte einer zur Hand gehen?

Screenshot:

Vielen Dank
Klener

 

[Elroy]

Hallo.

Ich habe leider nicht die geringste Ahnung was du möchtest.
Könnte vielleicht border das sein was du suchst?

Gruss
Elroy

 

[Klener]

Hi, sorry, hab' mich vielleicht etwas unklar ausgedrückt.
Also auf dem Bild steht als Überschrift ja zum Beispiel "Empfohlen". Darunter ist ein kleiner grauer Streifen.
Diesen kleinen grauen Streifen würde ich gerne per CSS an den h2-Tag binden, sodass wann immer ich die h2-Überschrift (in diesem DIV) benutze, ich automatisch einen solchen Streifen als "Unterstrich" der Überschrift erhalte. :)
Selbiges gilt für die Links.
Hoffe das war verständlicher!

 

[threadi]

Die Lösung dafür ist wie schon gesagt border, genauer gesagt:

border-bottom: 1px solid red;

wobei das "red" natürlich durch den von dir gewünschten Farbwert ersetzt werden muss.

Wenn Du zwischen Text und border-bottom noch einen Abstand willst, verwende line-height oder padding.

 

[Klener]

Und wenn ich das mit einem Bild anstatt dem normalen border machen möchte?
Vielen Dank!

 

[ka9de]

background-image googlen

 

[Klener]

Okay, hat nun mit background-image, background-repeat, background-position und line-height funktioniert. Danke.