• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Bild Zentrieren

Jonas L. N.

Neues Mitglied
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
 
Werbung:
HTML:
<img style="display:block;margin:auto;" ...>
Falls neben der horizontalen auch eine vertikale Zentrierung erwünscht ist:
CSS:
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.
 
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?
 
Werbung:
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.
 
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.
 
Werbung:
Zurück
Oben