Drei Bilder - Eines links, eins zentriert, eines rechts

[Kai345]

[latex]Mae  govannen![/latex]

Habs mit float: left und right versucht, aber wie zentrier ich das mittlere?

mit margin - der wert "auto" könnte für dich interessant sein

Ja, das is mir bekannt. Funktioniert leider net:

Hier der Testcode:

<div style="width:300px;">
<img src="bla1.jpg" style="float:left">
<img src="bla2.jpg" style="margin:auto;">
<img src="bla3.jpg" style="float:right;">
</div>

Hilfe :-)

Hintergründe farblich angepaßt zur Verdeutlichung:

<div style="width:300px;background-color: yellow;">  
<img src="bla1.jpg" style="float:left;background-color: red;">  
<img src="bla3.jpg" style="float:right;background-color: green;">  
<img src="bla2.jpg" style="display: block;margin:auto;background-color: blue;">  
</div>

1. <img> ist kein Block-Element, daher wirkt die margin-Angabe erst, wenn es mit display:block als Block-Element dargestellt wird

2. Beachte die geänderte Reihenfolge! Erst die gefloateteten Bilder und dann das Zentrierte

3. Tipp: Die Verwendung von style-Attributen zugunsten ausgelagerer oder im Head definierter CSS-Regeln unterlassen.

Cü,

Kai