[ERLEDIGT] Bild Zentrieren

[Jonas L. N.]

Hallo,
Ich habe ein kleines Problem und verstehe nicht ganz warum ich nicht das Bild auf meiner Seite Zentriert bekomme...
Ich zeige euch mal kurz denn Abschnitt aus meinem Script:

<img style="text-align: center;" src="Banner.png" width="50%" height="50%" border="0" alt="Der Banner konnte nicht geladen werden.">


weiß gerade echt nicht was ich falsch gemacht habe...
MFG Jonas

 

[SpiceLab]

<img style="display:block;margin:auto;" ...>

Falls neben der horizontalen auch eine vertikale Zentrierung erwünscht ist:

img {
  max-height: 50%;
  max-width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

Moderation: Thema von HTML nach CSS verschoben.

 

[sunshineh]

Hallo,
ich habe folgenden HTML Code, wobei das Bild darin immer linksbündig angezeigt wird :-(

<div style="text-align:center">
<a herf="..."
target="_blank">
<img class="imageWidth" src="..." scale="0" width="300">
</a>
</div>

Was mach ich dann hier falsch?

 

[scbawik]

Hallo,
ich habe folgenden HTML Code, wobei das Bild darin immer linksbündig angezeigt wird :-(

<div style="text-align:center">
<a herf="..."
target="_blank">
<img class="imageWidth" src="..." scale="0" width="300">
</a>
</div>

Was mach ich dann hier falsch?

Poste erst mal fehlerfreies HTML, dann reden wir weiter.

 

[SpiceLab]

Hallo,
ich habe folgenden HTML Code, wobei das Bild darin immer linksbündig angezeigt wird :-(

<div style="text-align:center">
<a herf="..."
target="_blank">
<img class="imageWidth" src="..." scale="0" width="300">
</a>
</div>

Was mach ich dann hier falsch?

Nichts, abgesehen vom Buchstabendreher im href-Attribut.

Das Bild wird mit dem gezeigten Codesnippet horizontal zentriert: https://jsfiddle.net/SpiceLab/mb5z3yvv/

Fazit: die Ursache ist im zentralen CSS zu suchen, worin u.a. auch die Regeln für die Klasse .imageWidth hinterlegt sind.

 

[Jonas L. N.]

Danke an alle die mir geholfen haben.
Jetzt Funktioniert alles perfekt.

MFG Jonas:)