Bild lässt sich nicht zentrieren

***elvis***

In meinem WP verwende ich das Plugin "WP lightbox 2". Die Bilder werden wie folgt eingebunden:

PHP

<a rel="lightbox[groupname]" href="http://www.blog.sascha-droemer.de/daten/2008/05/sdpic_20080524_Maddy_0003.jpg"><img class="aligncenter" src="http://www.blog.sascha-droemer.de/daten/2008/05/sdpic_20080524_Maddy_0003_low.jpg" alt="" /></a>

Wenn ich den Artikel Visuell bearbeite werden die Bilder zentriert angezeigt. Wenn ich aber die Seite aufrufe stehen die Bilder links.

Was kann ich tun?

Werbepost

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

bgeissler

Dann fehlt wohl in der styles.css diese Klasse:
[COLOR=#000000][COLOR=#007700]class=[/COLOR][COLOR=#DD0000]"aligncenter"[/COLOR][/COLOR]

***elvis***

Zitat von bgeissler

Dann fehlt wohl in der styles.css diese Klasse:
[COLOR=#000000][COLOR=#007700]class=[/COLOR][COLOR=#dd0000]"aligncenter"[/COLOR][/COLOR]

Hab das mal oben als erstes eingefügt. Muss das evtl. an eine andere Stelle? Hat jedenfalls so nichts gebracht.

Hab aber noch folgendes in der styles.css gefunden:

PHP

.navigation {
....
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

alchymyth

erstmal:
das 'class="aligncenter" ' was du in die style.css eingefuegt hast, muss da wieder raus; css funktioniert so nicht - falsche syntax.

um die bilder richtig auszurichten, wuerde ich in der style.css folgende aenderung machen:

finde diese stelle (ziemlich weit unten in der style.css):

Code

.entry img.left {
  padding: 4px;
  max-width: 100%;
  display: inline;
  margin: 6px 10px 0px 0px;
  border: 1px solid #cad7d9;}
 .entry img.right {
  padding: 4px;
  float: right;
  max-width: 100%;
  display: inline;
  margin: 6px 0px 0px 10px;
  border: 1px solid #cad7d9;}

Alles anzeigen

und ersetze das durch fogendes:
(oder guckt genau hin, was anders ist, und aendere das)

Code

.entry img.left, .entry img.alignleft {
  padding: 4px;
  max-width: 100%;
  display: inline;
  margin: 6px 10px 0px 0px;
  border: 1px solid #cad7d9;}
 .entry img.right, .entry img.alignright {
  padding: 4px;
  float: right;
  max-width: 100%;
  display: inline;
  margin: 6px 0px 0px 10px;
  border: 1px solid #cad7d9;}
.entry img.aligncenter {
  padding: 4px;
  display:block;
  max-width: 100%;
  margin: 6px auto 0px auto;
  border: 1px solid #cad7d9;}

Alles anzeigen

***elvis***

Zitat von alchymyth

erstmal: ...

Perfekt, Danke, so funktioniert das...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bild lässt sich nicht zentrieren

Jetzt mitmachen!