Support » Allgemeine Fragen » Bild in Tabelle wird nicht zentriert angezeigt

  • Gelöst topsurfer

    (@topsurfer)


    Hallo,
    ich wunder mich (mal wieder) über WordPress …
    In der Vorschau ist das Bild wie der Text (innerhalb einer einfachen Tabelle) zentriert, aber veröffentlicht man die Seite:
    Ist das Bild linksbündig.

    Hier eine Testseite: TEST

    Hier der Code, was ist daran falsch oder verhindert die Zentrierung des Bildes?

    bla bla
    [su_table responsive="yes"]
    <table>
    <tbody>
    <tr>
    <td><a href="http://www.mmblog.de/wp-content/uploads/2020/07/sys_lb_panopreview_ferreta.jpg"><img src="http://www.mmblog.de/wp-content/uploads/2020/07/sys_lb_panopreview_ferreta.jpg" alt="" width="675" height="300" /></a></td>
    </tr>
    <tr>
    <td>.............(Klick <a href="http://mmblog.de/Panoramas/Ferreta/" target="_blank" rel="noopener noreferrer">hier</a> für Vollbild-Panorama | Wo ist das? => <a href="http://www.mmblog.de//luftbildaufnahmen-360-panoramas/#gmpMarker=15">Landkarte</a>)................................................................</td>
    </tr>
    </tbody>
    </table>
    [/su_table]
    
    weiter .. weiter ...
    • Dieses Thema wurde geändert vor 2 Monaten, 1 Woche von topsurfer.
    • Dieses Thema wurde geändert vor 2 Monaten, 1 Woche von topsurfer.
    • Dieses Thema wurde geändert vor 2 Monaten, 1 Woche von topsurfer.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Hallo @topsurfer

    das Tag img ist auf float:left gesetzt, daher kommt das.

    img.aligncenter, td img {
        float: none;
    }

    ins Child-Theme (style.css) oder in den Customizer -> individuelles CSS sollte das beheben.

    Ich wunder mich (mal wieder) über WordPress …

    Das hat übrigens rein gar nichts mit WordPress zu tun, sondern ist CSS, bzw. setzt CSS-Kenntnisse voraus.

    topsurfer

    (@topsurfer)

    OK, danke für den Hinweis.
    ist halt verwunderlich, das man alles auf „zentriert“ stellt, in der Vorschau es auch korrekt aussieht, und dann Ende aber so nicht dargestellt wird ..
    Du weist was ich meine …

    Beim Huemann-Theme muss man das wohl unter „Additional CSS“ eintragen, das wird aber dann ja global gültig, korrekt? Also auch bei alten, bestehenden Pages …

    Gibt es keine „lokale „Lösung direkt nur für diese eine Seite, diesen HTML-Code ?

    Falls es in (globale) die „Additional CSS“ rein muss,
    wie müßte der Code dann ausschauen?

    Aktuell steht dies drin:

    .site-title{
        font-size: 3em;
        font-weight: bold;
        color: #FFF;
        text-shadow: 1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    }
    • Diese Antwort wurde geändert vor 2 Monaten von topsurfer.
    Moderator Angelika Reisiger

    (@la-geek)

    Wenn du diesen CSS-Code verwendest

    img.aligncenter {
        float: none;
    }

    ist es auch global, aber in korrekter Weise. Denn wenn du ein Bild zentrierst (also mit dem Attribut align-center versiehst, was die Klasse .aligncenter im Code hervorbringt), dann soll das Bild ja zentriert werden. Und das obige Code-Schnipsel entfernt das Element, das die Zentrierung des Bildes verhindert.

    topsurfer

    (@topsurfer)

    Ja, stimmt, „none“

    > „das Tag img ist auf float:left gesetzt, daher kommt das.“
    Wo wird das denn gesetzt, oder warum ?
    So eine Art „default“ könnte ich ja verstehen, aber das man diesen „default“ nicht im normalen HTML-Code „überschreiben kann … Ist aber wohl WordPress bzw. CSS geschuldet ….

    Moderator Angelika Reisiger

    (@la-geek)

    Sorry, aber das führt hier zu weit. CSS-Regeln kannst du z. B. dort lernen. Da dein Anliegen nicht WordPress betrifft, schließ ich den Thread. Eine Lösung hast du darüber hinaus auch erhalten.

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das Thema „Bild in Tabelle wird nicht zentriert angezeigt“ ist für neue Antworten geschlossen.