Bild in neuer Seite öffnen (target) zentriert mit zusätzlicher Bildinformation
Frank
- selfhtml-wiki
Ich öffne ein Bild auf einer neuen Seite:
<a href="./gallery/gallery01.jpg" target="_self"><img src="./gallery/thumb-gallery01.jpg" alt="XYZ"></a>
Chrome macht das schön zentriert mit schwarzen Hintergrund. Safari macht es mit weißem Hintergrund und hängt es an den oberen Rand.
Kann ich das beeinflussen? Zusätzliche Bildunterschrift wäre super.
Hat jemand eine Idee?
Vielen Dank und Grüße Frank
Hallo Frank,
Ich öffne ein Bild auf einer neuen Seite:
<a href="./gallery/gallery01.jpg" target="_self"><img src="./gallery/thumb-gallery01.jpg" alt="XYZ"></a>
Chrome macht das schön zentriert mit schwarzen Hintergrund. Safari macht es mit weißem Hintergrund und hängt es an den oberen Rand.
Kann ich das beeinflussen? Zusätzliche Bildunterschrift wäre super.
Ja, du darfst dann nicht ein Bild öffnen, sondern eine neue Seite, die nur das Bild enthält. Vielleicht in einem figure-Element, sodass du gleich die Bildunterschrift als figcaption-Element schreiben kannst.
Bis demnächst
Matthias
Hallo Frank,
> <a href="./gallery/gallery01.jpg" target="_self"><img src="./gallery/thumb-gallery01.jpg" alt="XYZ"></a>
Chrome macht das schön zentriert mit schwarzen Hintergrund. Safari macht es mit weißem Hintergrund und hängt es an den oberen Rand.
und Firefox stellt das Bild zentriert dar, mit einer Hintergrundfarbe, von der ich keine Ahnung habe, woher sie kommt. Bei mir ist es ein seltsames Kackbraun.
Kann ich das beeinflussen? Zusätzliche Bildunterschrift wäre super.
Nein. Du weist den Browser an, "nur" ein Bild darzustellen. Wie er das tut, entzieht sich komplett deinem Einfluss.
Wenn du das bestimmen willst, musst du entweder ein komplettes HTML-Dokument verlinken, in dem das Bild der Hauptbestandteil ist, oder gar kein neues Fenster öffnen und stattdessen das Bild dem aktuellen Dokument überlagern.
Live long and pros healthy,
Martin
Servus!
Ich öffne ein Bild auf einer neuen Seite:
<a href="./gallery/gallery01.jpg" target="_self"><img src="./gallery/thumb-gallery01.jpg" alt="XYZ"></a>
Chrome macht das schön zentriert mit schwarzen Hintergrund. Safari macht es mit weißem Hintergrund und hängt es an den oberen Rand.
Kann ich das beeinflussen? Zusätzliche Bildunterschrift wäre super.
Hat jemand eine Idee?
Wie schon gesagt, auf neue Seite verlinken,. Diese enthält ein figure-Element mit Bild und Bildunterschrift.
Oder ein Lightbox-Effekt.
JavaScript/Fullscreen#Bild_mit_Lightbox-Effekt
Vielen Dank und Grüße Frank
Herzliche Grüße
Matthias Scharwies