Support » Allgemeine Fragen » Formatierungsproblem Bilder anordnen

  • medienistik

    (@medienistik)


    Hallo,

    ich habe ein kleines Problem mit meiner Website, bei dem ich nicht weiterkomme. Ich bin ein Anfänger in der HTML-Programierung und sehe den Fehler nicht. Daher würde es mich sehr freuen, wenn mir jemand einen Tipp geben könnte.

    Ich biete auf meiner Website PDF-Dateien zum Download an und möchte, dass immer drei Cover in jeder Zeile angezeigt werden. Nun ist ein neues hinzugekommen, das jedoch nicht links-, sondern rechtsbündig angezeigt wird.

    Hier ist der Link: http://medienistik.wordpress.com/freie-materialien/

    Meine Frage ist, wie ich die Anordnung ändern kann, so dass das letzte Bild links statt rechts angezeigt wird. Ich verwende für jedes Bild folgenden Code (jeweils mit anderen Bildquellen und Links):

    [caption id="attachment_406" align="alignleft" width="210"]<a href="http://www.medienistik.de/Themenheft_Computerspiele.pdf"><img class="size-medium wp-image-406 " style="border: 1px solid #f26f21;" title="Themenheft: Computerspiele" alt="Themenheft: Computerspiele" src="http://medienistik.files.wordpress.com/2012/02/themenheft-computerspiele.png?w=210" width="210" height="300" /></a> <strong>Themenheft Computerspiele</strong> <br /> <a href="http://www.medienistik.de/Themenheft_Computerspiele.pdf" target="_blank">PDF</a>-, <a href="http://www.medienistik.de/Themenheft_Computerspiele.pages" target="_blank">Pages</a>- oder <a href="http://www.medienistik.de/Themenheft_Computerspiele.doc" target="_blank">Doc</a>-Datei[/caption]

    Schon einmal vielen Dank im Voraus für die Hilfe & liebe Grüße!

    Tobias Hübner

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Moderator Marcus Spanier

    (@espiat)

    Hallo,

    1. Manche Attachment’s haben dieselbe ID. Bitte ändern.

    2. Vergebe eine height (z.B. 370px) für „Lehrerheft“, „Musikspiele“ & „Gamifying“- dann passt das schon. Die Ebenen sind nicht gleich gr0Ã? daher das Problem

    3. Vielleicht unterstützt dein Theme das Einbetten von Div’s in den Inhaltsbereich- das wäre die elegantere Variante.

    Thread-Starter medienistik

    (@medienistik)

    Danke für die schnelle Antwort! Ich habe versucht, die Punkte Schritt für Schritt durchzugehen, aber dabei haben sich noch einige Fragen ergeben:

    1.) Muss ich für das Ändern der ID einfach die Nummer unter id="attachment_406" ändern? Ist es egal, welche Nummern ich vergebe? Die Nummer taucht zudem etwas weiter unten im Code wieder auf unter img class="size-medium wp-image-406". Muss ich die Nummer da auch ändern?

    2.) Wo muss ich den Befehl height eintragen? Direkt am Anfang, also so:

    [caption id="attachment_406" align="alignleft" width="210" height="370"]

    Oder etwas weiter unten im Code, aber da steht die Höhe bereits:

    src="http://medienistik.files.wordpress.com/2012/02/themenheft-computerspiele.png?w=210" width="210" height="300"

    Ich habe die Zahlen in beiden Bereichen schon einmal geändert und auf „Vorschau“ gedrückt, aber da hat sich nichts im Erscheinungsbild geändert.

    3.) Ich weiß leider nicht, was „Div`s“ sind und wie ich rauskriege, ob mein Theme die unterstützt.

    Vielen Dank für die Hilfe!

    Moderator Marcus Spanier

    (@espiat)

    Hallo,

    1. eigentlich werden die ID’s vergeben beim Einfügen des Bildes. Das hast du wahrscheinlich kopiert? Normalerweise werden ID’s rpo Seite nur einmal vergeben, wenn man es halt korrekt machen möchte.
    Eventuell nochmal neu Einfügen

    2. Die div muss die Höhe bekommen, damit die Ebenen (<div>) in denen die Bilder sind auch gleichgro� sind.
    z.B.:<div id="attachment_406" class="wp-caption alignleft" style="width: 220px; height:370px;">

    3. Ich meine eher solche Div Ebenen die per Shortcode eingefügt werden. Ich kann dir nicht sagen, was dein Theme unterstützt. Sorry

    Thread-Starter medienistik

    (@medienistik)

    Jetzt funktioniert es!

    VIELEN, VIELEN DANK !!!!!!!!!

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Formatierungsproblem Bilder anordnen“ ist für neue Antworten geschlossen.