margin bei vertical align ?

[sladda]

Hallo!
kompliziertes Szenario:

ich habe eine Tabelle mit einer spalte und einer Zeile:

<tr><td>  10 Bilder per <img>   </td></tr>

In dieser Zelle sind 10 Bilder drin, mit vertical-align: middle vertikal zentriert. (td hat höhe 400px, die Bilder nur Höhe 200 px => oben&unten jeweils 100px freiraum)
Beim mouseover über ein bild wird dieses vergrößert auf höhe 400 px.
Nun kommts:

Die kleinen Bilder links und rechts von dem vergrößerten Bild sind ja nun immer noch mittig, d.h. immernoch oben & unten 100px freiraum. (das große Bild hat natürlich oben und unten 0px frei)
Die übrigen Bilder sollen aber oben 150px und unten 50 px freiraum haben!
Mit margin-bottom:50px auf das vergrößerte Bild hats nicht geklappt.

Bleibt mir was anderes übrig, als alles absolut zu positionieren? (und damit auf das vertical align zu verzichten?)

Danke für jede Idee!
Grüße

 

[anna55]

Sieht mir nach nem Post in einem falschen Forum aus, da sich die Frage nach nem CSS-Problem anhört.

Ich kann mir nichts vorstellen, wenn ich nichts sehe. Hast du ne Beispielseite?

 

[kkapsner]

<table>
	<tr>
		<td>
			<img src="1.jpg" alt="" style="height: 200px; margin-top: 100px; vertical-align: middle;">
			<img src="2.jpg" alt="" style="height: 200px; margin-top: 100px; vertical-align: middle;">
			<img src="3.jpg" alt="" style="height: 200px; margin-top: 100px; vertical-align: middle;">
			<img src="1.jpg" alt="" style="height: 400px; vertical-align: middle;">
		</td>
	</tr>
</table>

Ja - ist im falschen Forum.