Bilder zentriert einfügen

• 

  kaieckert · Mitglied · August 22, 2015 at 8:51 pm

  • Link kopieren
  • Thema zu Favoriten hinzufügen

  Hi,

  ich hab in letzter Zeit Probleme damit, Bilder zentriert einzufügen – sowohl im Beitrag selbst als auch über die Voreinstellung in der Mediathek (wo man auch die Größe etc. auswählen kann). Egal ob ich es dort oder im Beitrag auswähle, die Bilder bleiben linksbündig.

  Ich hab es letztens im HTML-Modus über „aligncenter“ hinbekommen, aber scheinbar ist das Bild im betroffenen Beitrag grade wieder zurück nach links gesprungen.

  Ist das nur bei mir so?

  Schönen Gruß
  Kai

  Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

• 

  kaieckert · Mitglied · August 22, 2015 at 9:06 pm

  • Link kopieren

  Yeyy, offenbar schafft WordPress es auch irgendwie nicht mehr, die Bilder in Originalgröße anzuzeigen. Also, wer kennt Alternativen? -.-

• 

  zodiac1978 · Mitglied · August 23, 2015 at 5:49 pm

  • Link kopieren

  Gib uns doch mal einen Link zum einem betroffenen Beitrag, dann können wir schauen, was das Problem ist.

  Sonst ist es schwer zu helfen.

  Generell gibt es da eigentlich kein Problem. Weder bei der einen noch bei der anderen Sache …

  Gruß, Torsten

• 

  quartettblog · Mitglied · August 23, 2015 at 6:24 pm

  • Link kopieren

  Vielleicht hilft’s, mal einen anderen (neueren) Browser auszuprobieren. Hatte dieses Problem auch mal, das lag damals an meinem alten Rechner mit historischem Safari.

• 

  kaieckert · Mitglied · August 23, 2015 at 7:43 pm

  • Link kopieren

  Tatsächlich gehts um den letzten Beitrag: https://kaieblog.wordpress.com/2015/08/19/muenster-iv/

  Browser ist Firefox, dürfte die letzte Version sein. OS = Win 7 64-Bit. Add-ons wie Exify und FxIF hatte ich testweise schon deaktiviert, aber kein Unterschied

• 

  zodiac1978 · Mitglied · August 24, 2015 at 12:37 pm

  • Link kopieren

  In dem Artikel sind zwei Bilder eingebaut, die jeweils auf 840 Pixel Breite gestellt sind (erkennbar an dem angehängten Parameter w=width):
  https://kaieblog.files.wordpress.com/2015/08/unbenanntes_panorama1e.jpg?w=840
  https://kaieblog.files.wordpress.com/2015/08/unbenanntes_panorama1ecrop.jpg?w=840

  Aber beide Bilder sind nicht breit genug (Breite mal Höhe!):
  398×856 Pixel
  629×420 Pixel

  Das erste Bild hat zwei Klassen, einmal für „keine Ausrichtung“ und einmal für „zentrieren“:
  <img class="size-full wp-image-692 alignnone aligncenter" src="https://kaieblog.files.wordpress.com/2015/08/unbenanntes_panorama1e.jpg?w=840" alt="Unbenanntes_Panorama1e" />

  Das zweite Bild hat alignnone anstatt aligncenter und mit „inline-block“ überschreibst du das display: block der Bilder womit du das zentrieren von Blockelementen kaputt machst (Inline-Elemente kann man nicht per margin: 0 auto zentrieren, sondern nutzt wie für Inline-Elemente dann text-align: center).

  Das ist somit kein Problem von WordPress, sondern von deinem Markup und Inline-CSS.

  Gruß, Torsten

• 

  kaieckert · Mitglied · August 24, 2015 at 3:23 pm

  • Link kopieren

  Danke für die Antwort! Ja, ich hab vom Programmieren leider keine Ahnung und hatte nur schnell nachgeguckt, wie man bei CSS die Ausrichtung beienflussen kann und hatte das daraufhin eingefügt.

  Das Blöde ist ja aber, dass ich es auch nicht hinbekomme, wenn ich es über „Visuell“ bearbeite. Ich versuche z.B. in diesem Augenblick einen neuen Beitrag zu erstellen. Ich füge ein Bild aus meiner Mediathek mit 1100×733 px ein und stelle es auf volle Größe. Egal ob ich es auf Zentiert oder ohne Ausrichtung stelle, es landet immer links und nicht in voller Größe. Über die Ausrichtung im Bearbeitungsdialog des Beitrags kann ich da auch nix ändern. Da kommt dann raus:

  <div class="alignnone size-full wp-image-710" style="height: 439.8px; width: 660px; display: inline-block; overflow: hidden;" title=""><img class="size-full wp-image-710 aligncenter" src="https://kaieblog.files.wordpress.com/2015/08/img_9912e.jpg" alt="IMG_9912e" width="660" height="440" />

  wenn ich es auch zentriert stelle. Das kann ja nicht richtig sein.

  Durch das Löschen von inline-block und alignnone konnte ich in dem Beitrag Münster III zumindest das Bild zentrieren.

• 

  kaieckert · Mitglied · August 24, 2015 at 3:51 pm

  • Link kopieren

  WordPress, ich bin raus! So ne Schei*e hier…

• 

  zodiac1978 · Mitglied · August 25, 2015 at 7:49 am

  • Link kopieren

  WordPress, ich bin raus! So ne Schei*e hier…

  Wirf‘ doch nicht so schnell die Flinte ins Korn!

  Wenn ichmir den Code anschaue, dann kann das so nicht klappen:

  <div class="alignnone size-full wp-image-710" style="height: 439.8px; width: 660px; display: inline-block; overflow: hidden;" title=""><img class="size-full wp-image-710 aligncenter" src="https://kaieblog.files.wordpress.com/2015/08/img_9912e.jpg" alt="IMG_9912e" width="660" height="440" />

  Das DIV wird nicht ausgerichtet (alignnone), aber das Bild schon (aligncenter), was nichts mehr nützt, wenn der umgebende Container (das DIV) links sitzt und nicht zentriert wird.

  Da scheint der Bearbeiten-Dialog Mist zu bauen. Ich würde ihn eh nicht benutzen. Einfach Bild inkl. richtig ausgewählter Größe und Ausrichtung einfügen – fertig. Da dürfte eigentlich nichts schief gehen. Wenn doch, dann melde dich gerne noch einmal, am besten mit Link zum Problemartikel und ich schau es mir nochmal an.

  Gruß, Torsten