Bild NICHT responsive in voller Größe anzeigen

  • claudia11

    (@claudia11)


    vor 7 Jahren, 4 Monaten

    Auf meiner Website http://www.aufwaerts-design.de gibt es ein Bild, das NICHT responsive angezeigt werden soll. Es soll immer in der Originalgröße 2000 x 350 Pixel dargestellt werden. Auch für das Handy oder andere Devices.
    Das Bild soll immer zentriert werden, so dass man an kleineren Endgeräten nur den mittleren Ausschnitt des Bildes sieht. Das Bild ist platziert im Footer Widget.
    Was kann ich tun, um das gewünschte Ergebnis zu erreichen?
    Um das Bild geht es: “footerdesign-hannover-illustration.png”
    Das ist aktuell der Code im Widget:
    <img src="https://www.aufwaerts-design.de/wordpress/wp-content/uploads/2016/11/footerdesign-hannover-illustration.png" width="2000" height="350" alt="Erfolg gestalten - Die Kreativagentur der Webdesignerin / Grafikerin Claudia Germer aus Hannover steht für hochwertiges Kommunikationsdesign. Die Schwerpunkte der Designerin sind: Branding und Marketing orientiertes Webdesign" />
    Vielen Dank im Voraus!

    • Dieses Thema wurde geändert vor 7 Jahren, 4 Monaten von claudia11.
    • Dieses Thema wurde geändert vor 7 Jahren, 4 Monaten von Bego Mario Garde. Grund: Code-Formatierung hinzugefügt, Viele Grüße, Bego
Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Moderator PraetorIM

    (@praetorim)

    vor 7 Jahren, 4 Monaten

    Füge in den -Tag noch class="aligncenter" ein.

    • Diese Antwort wurde geändert vor 7 Jahren, 4 Monaten von PraetorIM.
    • Diese Antwort wurde geändert vor 7 Jahren, 4 Monaten von PraetorIM.
    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 7 Jahren, 4 Monaten

    Das allein führt noch nicht zum gewünschten Effekt …

    Ich würde dem DIV die Bildmaße als Breite und Höher per CSS geben und dann das Bild als Hintergrund einrichten. Per background-position kannst du es dann zentrieren.

    Spannend wird dann noch, was du machst, wenn der Viewport größer als 2000 Pixel ist. Da solltest du per media query noch etwas anders machen. Das Bild endet sonst einfach und man sieht den grauen Hintergrund dahinter …

    Gruß, Torsten

    Thread-Starter claudia11

    (@claudia11)

    vor 7 Jahren, 4 Monaten

    Danke, beim letzten Hinweis mit media query brauche ich dann wohl doch Hilfe.
    Ich schau mal ob´s so wird wie es sein soll 😉
    Schönes Wochenende!
    Gruß, Claudia

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Das Thema „Bild NICHT responsive in voller Größe anzeigen“ ist für neue Antworten geschlossen.

Schlagwörter