Kampf mit Leerzeichen und Absatz

  • Guten Abend,

    ich habe immer Probleme, Bilder/Fotos untereinander anzuzeigen. Wenn die Breite z. B. 300 ist, dann erscheinen die Fotos nebeneinander oder versetzt nebeneinander, siehe hier:

    Ich habe mal Google befragt, komme aber nicht weiter, auch nicht mit diesem Code:
    <br class=“clear“ />

    Der Text zu der Seite sieht so aus:

    [caption id="attachment_60952" align="alignleft" width="300"]<a href="http://www.hoffmann-jahn.de/wp-content/upl…18-683x1024.jpg"><img class="wp-image-60952" src="http://www.hoffmann-jahn.de/wp-content/upl…024-683x542.jpg" alt="asdfasdf" width="300" height="450"></a> asdfasdf[/caption]

    <br class=“clear“ /><p style="text-align: justify;"><br class="“clear“">fsadasff</p>

    [caption id="attachment_60950" align="alignleft" width="300"]<a href="http://www.hoffmann-jahn.de/wp-content/upl…18-683x1024.jpg"><img class="wp-image-60950" src="http://www.hoffmann-jahn.de/wp-content/upl…024-683x542.jpg" alt="asdf" width="300" height="450"></a> asdf[/caption]


    Wie kann ich es richtig/besser machen? Danke
    Walter

    Erst die Freizeit, dann das Vergnügen...
    WP 6.0.2
    - htpps://www.komootfux.wordpress.com

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Der Text zu der Seite sieht so aus:

    [caption id="attachment_60952" align="alignleft" width="300"]<a ..

    Wie kann ich es richtig/besser machen?


    Lass mal das [FONT=Courier New]align="alignleft"[/FONT] weg.

    Und am Rande, da Dein Website mit [FONT=Courier New]https://[/FONT] läuft, binde die Bilder am besten mit [FONT=Courier New]https://[/FONT] statt [FONT=Courier New]http://[/FONT] ein, sonst gibt es in manchen Browsern "Unsafe Content" Warnungen. Normalerweise macht WordPress das eigentlich automatisch, wenn eine korrekte Umstellung des Websites auf https:// vorgenommen wurde...

    4 Mal editiert, zuletzt von b3317133 (19. Januar 2019 um 18:54)

  • Danke, das hat geklappt....

    Ich könnte aber auch eine Tabelle einfügen.... Wie kann ich aber verhindern, dass der Tabellen-Hintergrund bei jeder Zeile die Farbe ändert, also weiss und hellgrau? Ich hätte gerne nur weiss.

    Zu der https-Sache: ist denn meine Seite nicht korrekt umgestellt worden?
    Was kann ich da machen?


    Danke

    Erst die Freizeit, dann das Vergnügen...
    WP 6.0.2
    - htpps://www.komootfux.wordpress.com

    Einmal editiert, zuletzt von iMacfux (19. Januar 2019 um 19:12)

  • Wie kann ich aber verhindern, dass der Tabellen-Hintergrund bei jeder Zeile die Farbe ändert,

    Mit CSS.

    .. https-Sache: ist denn meine Seite nicht korrekt umgestellt worden? Was kann ich da machen?

    Zu "korrekt umgestellt worden", das weiss ich nicht. Die Links oben sind auf jeden Fall [FONT=Courier New]http://[/FONT] - Du könntest im Forum mal nach "Better Search Replace" suchen.

  • Ich glaube, ich habe eine Lösung gefunden:

    <table>
    <tbody>
    <tr>

    <td><a href="http://www.hoffmann-jahn.de/wp-content/upl…18-683x1024.jpg"><img class="alignleft wp-image-60952" src="http://www.hoffmann-jahn.de/wp-content/upl…18-683x1024.jpg" alt="" width="300" height="450"></a></td>
    </tr>

    <tr>

    [COLOR=#ff0000](das nachfolgend Fettgedruckte habe ich eingefügt, um in einer Tabelle den Hintergrund auf weiss zu halten....)[/COLOR]


    <td style="background-color:#ffffff;">
    <a href="http://www.hoffmann-jahn.de/wp-content/upl…18-683x1024.jpg"><img class="alignleft wp-image-60952" src="http://www.hoffmann-jahn.de/wp-content/upl…18-683x1024.jpg" alt="" width="300" height="450"></a></td>
    </tr>

    <tr>

    <td><a href="http://www.hoffmann-jahn.de/wp-content/upl…18-683x1024.jpg"><img class="alignleft wp-image-60952" src="http://www.hoffmann-jahn.de/wp-content/upl…18-683x1024.jpg" alt="" width="300" height="450"></a></td>
    </tr>


    </tbody>
    </table>

    Erst die Freizeit, dann das Vergnügen...
    WP 6.0.2
    - htpps://www.komootfux.wordpress.com

    Einmal editiert, zuletzt von iMacfux (19. Januar 2019 um 19:47)

  • du setzt ein alignleft und wunderst dich, warum alles nebeneinander steht?

    Und Tabellen sind seit mindestens 10 Jahren sowas von old scool.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Hallo Maxe,

    ich habe keine Ahnung, was alignleft macht. Ich habe mit "Datei hinzufügen" ein Foto hinzugefügt und WP hat hat den Code so vorgegeben.

    Bitte sage mir, was du damit meinst: old scool....

    Für dich ist der Umgang mit WP seit 10 Jahren mehr als vertraut, du machst bestimmt alles aus dem "FF".

    Ich aber nicht.

    Danke und schönen Abend.

    Walter

    Erst die Freizeit, dann das Vergnügen...
    WP 6.0.2
    - htpps://www.komootfux.wordpress.com

  • dann wähle bitte beim Bild hinzufügen nicht die Ausrichtung nach links.
    "Ausrichtung: keine" wäre in deinem Fall das richtige.

    Tabellen nutzt man seit über 10 Jahren nicht mehr als Designmittel.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!