BIld zentrieren

[newbie]

Hallo,

ich wollte ein Bild mit

<img src="bsp_pics/image021.gif" width=150 height=55 style="display-inline:block;margin-left:auto;margin-right:auto;">

zentrieren, hat aber nicht geklappt. Auch

<p><img src="bsp_pics/image021.gif" width=150 height=55 style="display-inline:block;margin-left:auto;margin-right:auto;"></p>

oder

<div>
<p style="text-align-center"><img src="bsp_pics/image021.gif" width=150 height=55 style="display-inline:block;margin-left:auto;margin-right:auto;"></p>
</div>

hat nicht funktioniert. Kann mir jemand helfen?

[MudGuard]

Hi,

ich wollte ein Bild mit
<img src="bsp_pics/image021.gif" width=150 height=55 style="display-inline:block;margin-left:auto;margin-right:auto;">
zentrieren, hat aber nicht geklappt.

img hat per default den Wert inline bei der Eigenschaft display. Damit sind horizontale margin:auto gleich 0.
Damit das mit den margins funktioniert, muß der Wert der display-Eigenschaft z.B. block sein.

Eine Eigenschaft display-inline gibt es übrigens nicht.

cu,
Andreas

[Zeromancer]

Hallo MudGuard,

img hat per default den Wert inline bei der Eigenschaft display. Damit sind horizontale margin:auto gleich 0.
Damit das mit den margins funktioniert, muß der Wert der display-Eigenschaft z.B. block sein.

heißt das, dass man im umgebenden Element z.B. einfach

  
<p style="text-align:center;"><img src="bild.jpg" width="wert" height="wert" alt="Text"></p>  

angeben muss?

Mit freundlichen Grüßen,
André

[MudGuard]

Hi,

img hat per default den Wert inline bei der Eigenschaft display. Damit sind horizontale margin:auto gleich 0.
Damit das mit den margins funktioniert, muß der Wert der display-Eigenschaft z.B. block sein.

heißt das, dass man im umgebenden Element z.B. einfach
angeben muss?

Nein.
Das heißt, daß man der display-Eigenschaft den Wert block gibt und die horizontalen margins auf auto setzt.

Dem Bild einen Absatz zu verpassen ist nicht notwendig.

cu,
Andreas

[Zeromancer]

Hallo MudGuard,

Nein.
Das heißt, daß man der display-Eigenschaft den Wert block gibt und die horizontalen margins auf auto setzt.

ach so. ;-)

Mit freundlichen Grüßen,
André