Gunnar Bittersmann: Bild+Text mit Link versehen

Beitrag lesen

@@ManU.K

ich möchte eine Überschrift und ein Bild mit einem Link versehen.

Mein Problem dabei ist, die Breite der Überschrift "automatisch" an dem Bild anzupassen und beide direkt untereinander anzuordnen.

Dein Problem hat nichts mit der Verlinkung zu tun.

Wie würdet ihr vorgehen? Würdet ihr das überhaupt mit CSS machen

Nein. Wegen geht nicht.

Dazu brauchst du JavaScript:

  1. Breite des Bildes bzw. des Containers sowie Breite des Texts auslesen
  2. Verhältnis bilden
  3. Text entsprechend skalieren

Wie anno dazumals.

(Die Elementtypen können bei dir natürlich andere sein: der Container (bei mir figure) bei dir a, die Überschrift (bei mir figcaption) bei dir h#.)

oder mit einem anderen Bildbearbeitungsprogramm und dann einfach das Bild hochladen und einen Link hinterlegen?

Auch das ist möglich. Dabei unbedingt an den Alternativtext (alt-Attribut) denken!

Wenn ja, welches Programm könntet ihr da empfehlen?

Photoshop.

LLAP 🖖

--
„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“ —Johann Wolfgang von Goethe