Bild+Text mit Link versehen
bearbeitet von Gunnar Bittersmann@@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.](http://codepen.io/gunnarbittersmann/pen/XNPQZB)
(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
Bild+Text mit Link versehen
bearbeitet von Gunnar Bittersmann@@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.](http://codepen.io/gunnarbittersmann/pen/XNPQZB)
(Die Elementtypen können bei dir natürlich andere sein: der Container (bei mit `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
Bild+Text mit Link versehen
bearbeitet von Gunnar Bittersmann@@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.](http://codepen.io/gunnarbittersmann/pen/XNPQZB)
> 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