Grafik im Backend zentriert - im Frontend aber linksbündig. Was tun?

Schoeni65 · 30. November 2019

Hallo,

ich bin etwas irritiert. Wenn ich im Editor (Backend) eine Grafik zentriere, wird sie im Frontend aber immer noch linksbündig angezigt.
Im Editor stehen aber eigentlich die richtigen Befehle:

Ich nehme an, ich muss irgendeinen "Schalter" drücken - weiß aber nicht welchen.

Sieger66 · 30. November 2019

Link zum Problem ?

Siehe auch:

Forenregeln

Schoeni65 · 30. November 2019

Sorry, dachte das Problem könnte ohne gelöst werden, weil es anderen Anfängern auch ständig passiert.

http://www.wikitrikes.de/index.php/trike-szene

Birger · 30. November 2019

Zitat von Schoeni65

Sorry, dachte das Problem könnte ohne gelöst werden, weil es anderen Anfängern auch ständig passiert.

http://www.wikitrikes.de/index.php/trike-szene

Passiert anderen nicht! Die anderen stellen automatisch einen Link zur Seite ein, da jedes Designproblem individuell ist!

Wo ist dieses Bild vom dem Du sprichst? Beim Link findet man kein Bild!

Schoeni65 · 30. November 2019

ich meinte, dass das Problem auch andere haben - nicht dass andere den Link vergessen.

Die Grafiken (es sind zwei) sind die Schriftzüge "Trikervereinigungen" und "Deutschland"

Schoeni65 · 30. November 2019

So, ich habe das Problem zwar nicht erkannt - also warum eine Grafik im Backend zentriert und im Frontend linksbündig angezeigt wird - aber ich habe das Problem gelöst.
Ich habe aus den urspünglich zwei Grafiken eine Grafik gemacht und diese dann in eine Tabelle eingebunden. Die Tabelle lässt sich - im Gegensatz zu der Grafik - zentrieren.

anka · 30. November 2019

Bitte keine Tabellen für das Layout verwenden. Das ist heute ein No-Go und geht auch ohne relativ einfach (google mal nach "warum keine Tabellen für Layout")

Dein Bild kannst du folgendermassen zentrieren:

Code

<div class="text-center">
    <img src="/images/images/trikervereinigungen-deutsch.jpg" alt="" style="margin-left: auto;margin-right: auto;">
</div>

Und den Text darunter so:

Code

<div class="text-center">
    <br>Hier findest du Anschriften und / oder Links ...
</div>

oder

Code

<p class="text-center">
    Hier findest du Anschriften und / oder Links ...
</p>

oder

Code

<p style="text-align: center;">
    Hier findest du Anschriften und / oder Links ...
</p>

Schoeni65 · 30. November 2019

Danke Anka - ich hab die Tabellen jetzt raus und die Div-Tags eingebaut.

Muss dann wohl mal meine CSS-Kenntnisse auffrischen.

Ich krieg diese eine Linien-Grafik zum Beispiel auch nicht schmaler. Hab die Größe auf "height="1" gesetzt. Aber sie bleibt höher. komisch...

anka · 30. November 2019

Versuche es mal damit:

Code

<div style="height: 1px; overflow: hidden;" align="center">
    <img src="/images/images/linie.jpg" alt="Linie" width="90%">
</div>

Schoeni65 · 30. November 2019

Danke - passt!
Du bist die Beste!