Bild in Tabelle wird nicht zentriert angezeigt

  • Gelöst topsurfer

    (@topsurfer)


    vor 5 Jahren, 7 Monaten

    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 vor 5 Jahren, 7 Monaten von topsurfer geändert.
    • Dieses Thema wurde vor 5 Jahren, 7 Monaten von topsurfer geändert.
    • Dieses Thema wurde vor 5 Jahren, 7 Monaten von topsurfer geändert.

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

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
  • Moderator La Geek

    (@la-geek)

    vor 5 Jahren, 7 Monaten

    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.

    Thread-Starter topsurfer

    (@topsurfer)

    vor 5 Jahren, 7 Monaten

    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 vor 5 Jahren, 7 Monaten von topsurfer geändert.
    Moderator La Geek

    (@la-geek)

    vor 5 Jahren, 7 Monaten

    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.

    Thread-Starter topsurfer

    (@topsurfer)

    vor 5 Jahren, 7 Monaten

    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 La Geek

    (@la-geek)

    vor 5 Jahren, 7 Monaten

    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.