nicht angemeldet
Hallo zusammen. Ich habe ein Problem, bei dessen Lösung ich nicht weiterkomme, vielleicht wisst Ihr ja Rat:
Ich habe eine Tabelle, mit Thumbnails verschiedener Größen in den einzelnen Zellen. Jede dieser Zellen soll ausgefüllt werden von einem Link, der eine vergrößerte Version der Bilder öffnet. Beim Überfahren der Zellen mit der Maus soll die Hintergrundfarbe geändert werden, also ein Hover-Effekt. Das habe ich folgendermaßen realisiert:
<table id="tabelle"><tr><td>
<a href=..."> <img src="..."> </a>
</td></tr></table>
In der CSS-Datei:
#tabelle { vertical-align:middle; text-align:center; }
#tabelle a:link,visited { display:block; width:100%; height:100%; }
#tabelle a:hover,active,focus { display:block; background-color:#EEEEEE; width:100%; height:100%; }
Mein Problem liegt nun in der gewollten Zentrierung der Bilder. Zwar werden die Bilder horizontal zentriert angezeigt, aber das "vertical-align" verliert seine Wirkung, und alle Bilder werden an den oberen Zellenrand geschoben. Was hab ich übersehen und warum ist das so?
Thx im voraus fürs Antworten.
Gruß, maglite
MudGuard