• Hallo,

    ich habe aktuell ein Problem, das ich bisher noch nie hatte.
    Ich füge im Blog Bilder (png-Datei) ein und ändere die Größe, damit die Bilder zu meinem Blog-Beitrag passen. Neuerdings zieht sich das Bild jedoch egal was ich mache, immer über die gesamte Seite des Beitrags. Ich habe schon alles mögliche ausprobiert.
    Ich habe die Bilder gleich in einer kleinen Größe hochgeladen.
    Ich habe die Größe im html-Code geändert.
    Ich habe die Pixelgröße über die verschiedensten Programme geändert.
    Ich habe auch kurz den Beitrag veröffentlicht um zu sehen, ob es vielleicht nur ein Bug in der Beitragsvorschau ist. War es leider nicht.
    Das Bild zieht sich immer über die gesamte Seite, bei niedriger Pixelgröße wird es nur unscharf. Vielleicht liegt ein Code dahinter, dass sich das Bild immer wieder so groß zieht.
    Aber wenn ja, wo kommt der her und wie kann ich ihn verändern?

    Liebe Grüße,
    theresing

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Wahrscheinlich ist im Stylesheet deines Themes einfach hinterlegt, dass Bilder responsiv auf 100% Größe des umgebenden Containers (sprich: Spaltenbreite) gesetzt werden. Da du aber weder Angaben zu deiner Website (URL) noch dem verwendeten Theme machst, kann ich dir nicht mehr dazu sagen.

    Thread-Starter theresing

    (@theresing)

    Hier die Blog URL:
    http://textzeichnerin.com/bewegtbild-blog/

    Bis jetzt hatte ich allerdings noch nie dieses Problem. Und im Stylesheet der einzelnen Beiträge wurde auch nichts verändert.
    Ich habe schon öfter Bilder in den Blog eingefügt und konnte ohne Probleme die Größe ändern.

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    … und um welchen Beitrag geht es, bei dem die Bilder nicht in der vorgegebenen, kleineren Bildgröße angezeigt werden?

    Amid

    (@aminteractiondesign)

    Welches Bild meinst du denn genau?
    Das, das immer ganz oben steht in jedem Beitrag?

    edit:Bego war schneller 😉

    • Diese Antwort wurde vor 8 Jahren, 6 Monaten von Amid geändert.
    Thread-Starter theresing

    (@theresing)

    Tut mir Leid.

    Ich habe den Beitrag jetzt mal veröffentlicht:
    http://textzeichnerin.com/2016/10/youtube-studie-wird-das-network-erfolgreich-eingesetzt/

    Es ist die riesige unscharfe Grafik.

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    … oder auch nicht. Zu deinem Link existiert kein Inhalt.

    Thread-Starter theresing

    (@theresing)

    Da wir einen Blog führen, der auf qualitativen Inhalt setzt, konnte ich den Artikel leider nicht so lange drin lassen.
    Jetzt sollte er aber wieder erreichbar sein.

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Im Moment wird folgende CSS-Regel verwendet:

    .post img {
        width: 100%;
        max-width: none;
    }

    Dadurch werden alle Bilder im Beitrag auf 100% der Spaltenbreite vergrößert. Änderst du die Regel in

    .post img {
        width: auto;
        max-width: 100%;
    }

    müsste die Anzeige passen.

    Das Beitragsbild ist übrigens mit 2.783 x 2.246 Pixeln zu groß angelegt. Durch die Dateigröße von nur 81KB fällt das nicht weiter ins Gewicht, könnte aber bei anderen Bildern zu einer Performance-Einbuße führen. Ich würde an der Stelle das Custom Theme anpassen.

    Thread-Starter theresing

    (@theresing)

    Wo genau finde ich denn die CSS-Regel?

    Amid

    (@aminteractiondesign)

    Gute Frage!
    Da deine css-dateien minifiziert sind, ist das für uns nicht sichtbar.
    Du kannst ja probieren, ob du es mit einem custom css plugin ändern kannst.
    Also einfach den style nochmal dort mit den neuen Werten angeben, damit der alte überschrieben wird.

    Übrigens hat die Seite hier (http://textzeichnerin.com/bewegtbild-blog/) ein Problem mit der Seitenleiste, die zu früh nach oben gesetzt wird beim scrollen.

Ansicht von 10 Antworten – 1 bis 10 (von insgesamt 10)
  • Das Thema „Bildgröße ändert sich nicht bzw. Bild zieht sich immer über den gesamten Beitrag“ ist für neue Antworten geschlossen.