mehrere Bilder werden gestaucht
-
Hallo,
wenn ich in eine Seite mehrere Bilder hochlade, diese links ausrichte und rechts neben dem jeweiligen Bild meine Anmerkung schreibe und diese Seite speicher, ist das Ergebnis, dass irgendwie alles zusammengerutscht ist, also die gesetzten Absätze / Abstände nicht eingehalten werden. Es ist irgendwie alles geschachtelt. Als ob der Platz optimal ausgenutzt werden soll.
Ich bin wohl nicht so gut im erklären, aber ich hoffe, dass mir jemand helfen kann.
Es soll so aussehen:
Grüße
Marion -
Kann es sein, dass Du einen Link vergessen hast? ;-)
Ohne das Problem konkret zu sehen, wird es schwierig zu helfen …Gruß, Torsten
-
Das Problem mit den gestauchten Bildern hab ich auch. Ich bin ganz neu hier und hab erst zwei Bilder hochgeladen, doch beim Öffnen des Blogs (nicht beim Bearbeiten und der Vorausschau) werden die Bilder nur zur Hälfte gezeigt.
-
Wie schon geschrieben: Ich brauche einen Link, sonst kann ich mir das Problem nicht anschauen und nicht helfen.
Gruß, Torsten
-
http://valeriefallera.wordpress.com/
meinst Du den link zu der Seite? Das Bild dort ist eigentlich doppelt so breit und Text und Bild sind eigentlich mittig gesetzt. So erscheinen sie auch im Bearbeitungsmodus, doch nicht, wenn man einfach so auf die Seite geht.
Bitte um Geduld, falls die Informtionen nur nach und nach rüberkommen, bin neu hier. Danke.
-
Hallo,
ich habe es für mich im HTML mit Punkten und Absätzen gelöst.
Danke für die angebotene Hilfe.
Grüße
Marion -
@valeriefallera:
Hat ein bisschen gedauert, aber schau mal deinen Post in der HTML-Code-Ansicht an. Ich sehe dort das hier:<div class="entry"> <div class="snap_preview"> <p style="padding-left: 150px;"><a href="http://valeriefallera.files.wordpress.com/2008/10/dsc02389-1.jpg"><img class="aligncenter size-medium wp-image-22" title="dsc02389-1" src="http://valeriefallera.files.wordpress.com/2008/10/dsc02389-1.jpg?w=300&h=177" alt="" height="177" width="300"></a></p> <p style="text-align: center;"> </p> <p style="text-align: center; padding-left: 30px;"><em><br /></em></p> <p style="text-align: center; padding-left: 30px;"><em><br /></em></p> <p style="text-align: center; padding-left: 30px;"> </p> </div> </div>Was steht bei dir in der Code-Ansicht?
Interessant ist das „padding-left: 150px“. Dies erzeugt einen 150 Pixel breiten Innenabstand beim Bild. Nimmt man dies raus, dann sieht alles gut aus. Die Frage ist, kommt das Problem von Dir (z.B. durch Posten von Text aus einer Textverarbeitung) oder macht WordPress.com das Problem?
Gruß, Torsten
-
Hallo Torsten,
ich hab das padding left rausgenommen, dann war das Bild in voller Größe zu sehen, aber immer noch nicht mittig. Dann hab ich die unteren Zeilen „padding left 30px“ auch rausgenommen, denn da hatte ich mal Text stehen, den ich wieder gelöscht habe. Das hat nichts verändert. Nun sieht HTML so aus:
<img class=“aligncenter size-medium wp-image-22″ title=“dsc02389-1″ src=“http://valeriefallera.wordpress.com/files/2008/10/dsc02389-1.jpg?w=300″ alt=““ width=“300″ height=“177″ />
<p style=“text-align:center;“></p>Den Text, den ich mal eingegeben hatte, hatte ich auf wordpress geschrieben. Im Archiv sah die Seite immer so aus, wie ich sie haben wollte. Vielleicht hätte ich da mal vorher schauen sollen. Denn durch die Änderungen ist die Überschrift im Archiv zwar immer noch mittig, doch das Bild nach links verrutscht.
Hat das vielleicht damit zu tun, dass das die Startseite ist? Auf der Seite 1 hab ich das Problem nicht.Gruß, Eva
-
Hab das Spiel nun ein paar Mal durch: mit „padding-left“ sitzt das Bild mittig in voller Größe, wenn ich es gleich nach dem Bearbeiten anzeigen lasse. Aber wenn man dann einfach so auf die Seite geht, sitzt es verkürzt links.
Ohne „padding-left“ zeigt wird das Bild immer in voller Breite gezeigt, aber nie mittig. ??? -
Ohne das padding-left sitzt das Bild auf der Startseite korrekt, aber merkwürdigerweise auf der Single-Ansicht falsch. Da sollte es eigentlich zentriert sein, ist es aber nicht. Komme leider auch momentan nicht dahinter, warum er das Bild da nicht korrekt zentriert.
Irgendein ein CSS-Guru, der helfen kann?
Gruß, Torsten
-
Ich würde mal damit anfangen, das padding von 150px aus dem übergeordneten p Tag zu entfernen. Bei mir wird das nämlich immer noch angezeigt.
Könnte es auch eine Themegeschichte sein? Immerhin ist „DePo Masthead“ ein neues, dreispaltiges Theme.
Gruß
Martin (IQ) -
Könnte es auch eine Themegeschichte sein? Immerhin ist „DePo Masthead“ ein neues, dreispaltiges Theme.
Ich fürchte, das wird der Grund sein. Das Bild ist auf der Startseite einfach nicht mittig zu bekommen. Schade.
Wenn ich die 150px weglasse, wird es wenigstens nicht beschnitten. -
Könntest du nochmal posten, was du genau in dem Editor (HTML-Ansicht) stehen hast? Eigentlich ist die CSS Definition für das Image korrekt auf zentrieren gesetzt. Warum er das nicht hinkriegt weiß ich nicht.
-
Das Bild wird korrekt zentriert, soweit ich das sehen kann. Die Zentrierung erfolgt korrekt über die 1. Spalte. So ist das im Theme vorgesehen.
Wenn man sich den Screenshot im dazugehörigen WordPress Announcement ansieht, wird deutlich, wie das Theme aufgebaut ist.
Der „magazine style“ wird auf valeriefalleras Blog einfach noch nicht deutlich, da erst ein Artikel eingestellt worden ist. Wenn weitere kommen, wird klar, warum das Bild in der Gesamtansicht nie über die gesamte Seite zentriert werden wird.
In der Einzelansicht war bei meinem letzten Besuch alles in Ordnung, aber offensichtlich hast du inzwischen in den p-Tags mit text-align: justify gearbeitet.
Sofern jetzt noch irgend ein Problem vorliegt, hab ich das nicht begriffen. ;)
Gruß
Martin (IQ) -
Vielen Dank für die Hinweise! :-) Jetzt hab ich nur noch nicht kapiert, wie ich zwischen einer und drei Spalten wechsel. Macht man das mit den Überschriften? Ich hätte auch nichts dagegen, das Bild links (zentriert in der linken Spalte) und die Schrift rechts (zentriert in der rechten Spalte) zu haben. Doch auch wenn ich dazu jeweils links und rechts angebe, stehen beide immer wieder links untereinander. Anfängerfragen, sorry!
-
Jetzt hab ich nur noch nicht kapiert, wie ich zwischen einer und drei Spalten wechsel.
Gar nicht. Eine Wechseloption so wie du sie dir vorstellst, gibt es nicht. Das Theme ist wie es ist. In jeder Spalte wird ein Blogartikel angezeigt, wobei der aktuellste immer in der linken Spalte angezeigt wird. Damit wird eine Art Magazinstil imitiert.
Wenn dir diese Darstellung nicht zusagt, bleibt dir nichts anderes übrig, als das Theme zu wechseln, da du auf WordPress.com keinen Zugriff auf die zugrundeliegenden Themedateien hast.
Gruß
Martin (IQ) -
Danke! Angekommen.
Last, but not least: wieso habt ihr eigentlich so seltsame Zeiten eingestellt im Forum? Sitzt ihr in Übersee?
- Das Thema ‘mehrere Bilder werden gestaucht’ ist für neue Antworten geschlossen.
de.WordPress.com Forums 
