Info-Knöpfe Hintergrundgröße anpassen

Question

Hallo,

beim Verwenden des Info-Kopfes hinter einer Antwortmöglichkeit wird ab einer gewissen Größe der blaue Hintergrund nicht mehr angepasst.

((*|<img src="bild.jpg" style="width: 600px">))

Wie kann der Hintergrund entsprechend der Bildgröße skaliert werden?

Vielen dank.

Answer 1

Die Kurzschreibweise gibt vermutlich überhaupt kein Bild aus, sondern nur eine Info-Box mit dem HTML-Code. Aber Sie können stattdessen den vollständigen HTML-Code verwenden, den SoSci Survey aus dem Kürzel generiert:

<span class="S2Tooltip anchor symbol"></span>
<span class="S2Tooltip container"><span class="S2Tooltip tiptext rounded shadow">Inhalt</span></span></p>

Oder eben mit einem Bild:

<span class="S2Tooltip anchor symbol"></span>
<span class="S2Tooltip container"><span class="S2Tooltip tiptext rounded shadow"><img src="bild.jpg" style="width: 600px"></span></span></p>

Und damit kommen wir auch zu der CSS-Definition, welche die Breite der blauben Box definiert:

span.S2Tooltip.tiptext {
    width: 250px;
}

Sie können nun entweder dem tiptexteine andere Größe geben...

<span class="S2Tooltip anchor symbol"></span>
<span class="S2Tooltip container"><span class="S2Tooltip tiptext rounded shadow" style="width: auto;"><img src="bild.jpg" style="width: 600px"></span></span></p>

(s. das width: auto)

Oder Sie fügen eine passende CSS-Definition direkt ind Layout ein, wenn Sie das auf mehreren Seiten brauchen.