Frank Stabenau: Überschrift Border Bottom und gefloatetes Bild

SELF-Forum

Überschrift Border Bottom und gefloatetes Bild

Frank Stabenau
– Informationen zu den Bewertungsregeln

Hallo Leute,

ich bastel gerade an einem Problem und komme auf keinen grünen Zweig.

Ich habe ein image float:right und danach eine Überschrift mit einem Border bottom.

Nun hätte ich aber gern, dass der Border am Bild aufhört, aber die Linie ist unter dem Bild durchgeszogen.

Klar, wenn ich der H1 ein Margin gebe in der Größe des Bildes habe ich meinen gewünschten Effekt, nur soll das ganze automatisch passieren und vom Inhalt abhängig sein.

Habt ihr eine Idee für mich?

VG Frank

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Überschrift Border Bottom und gefloatetes Bild

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Ich habe ein image float:right und danach eine Überschrift mit einem Border bottom.

    Nun hätte ich aber gern, dass der Border am Bild aufhört, aber die Linie ist unter dem Bild durchgeszogen.

    Also ist das Bild (teil-)transparent?

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Überschrift Border Bottom und gefloatetes Bild

      Frank Stabenau
      – Informationen zu den Bewertungsregeln

      Hallo Wahsaga,

      Also ist das Bild (teil-)transparent?

      Nein, das Bild hat einen Margin. Deshalb sieht man, dass die Line darunter durch geht. Wenn die Überschrift einen längeren Text hat, wird dieser umgebrochen, nur eben der border-bottom nicht. Komisch.

      VG Frank

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln