Bilder zentrieren ohne absatz

[DaniSahne96]

Wenn ich ein Bild zentrieren will mach ich dass immer so

<p align="center"><img scr="" alt="" .../></p>

Aber dann fügt dass immer so einen Absatz hinzu,ich habs auch schon versucht mit

<img scr="" align="center" />

und

<img scr="" align="middle" />

gaht aber alles nicht,wie macht mann das jetzt

 

[prm]

Versuch's mal so:

<img style="text-align: center;" src=""  />

Besser natürlich, dazu eine CSS-Klasse zu bilden.

 

[Arcsinh]

Das heißt src...

 

[ka9de]

margin:auto; in Verbindung mit Angaben von width

 

[Uelik]

Ja bei einem Bild braucht er doch die width-Angabe nicht oder?

Aber margin:0 auto würde ich vorschlagen. :)

 

[Arcsinh]

Im Notfall kann man ja immer noch den <center>-Tag benutzen.

 

[Uelik]

Falls XHTML der Doctype ist nicht :)

dann sollte man durch divs ersetzen: <div align="center"></div>

 

[ka9de]

Und wenns nur um den Absatz geht.. schon display:inline; versucht?

 

[threadi]

Versuchen kann man vieles. Aber "text-align: center;" im img-Tag ist genauso sinnfrei wie das align-Attribut.

Ein Bild kann man genau wie alle anderen Elemente auf 2 Arten horizontal zentrieren:
Als Inline-Element durch ein "text-align: center;" im umgebenden Element.
Als Block-Element mit "margin: auto;" und einer festen Breitenangabe per "width".

 

[Elroy]

Hallo.

Dein Problem kommt daher das das bild in einem <p></p> sitzt. <p> erzeugt einen Absatz.

Wenn du das nicht möchtest kannst du entwerder margin einsetzten um den Abstand zu regulieren oder den Absatzt mit einem CSS Reset entfernen.

Gruss
Elroy