Zentrierung funktioniert nicht.

[maglite]

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

[Ruben Arslan]

Dein CSS-Level ist zwar höher als meins, weil ich von Klassenblabla nix weiß, aber afaik, geht text-align:center nur für Text. Sonst verwendest du margin-left:auto;margin-right:auto. Du hast das Problem aber in der Vertikalen, was mich wundert. Nen Versuch wärs wert, mal margin:auto zu setzen, zu gucken was geschieht.

[maglite]

Nen Versuch wärs wert, mal margin:auto zu setzen, zu gucken was geschieht.

Keine Änderung.
Gruß, maglite

[wahsaga]

hi,

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.

https://forum.selfhtml.org/?t=116332&m=744179

gruß,
wahsaga

[maglite]

hi,

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.

https://forum.selfhtml.org/?t=116332&m=744179

gruß,
wahsaga

Den Beitrag hatte ich vorher auch schon gelesen ;-).
"line-height" löst das Problem zwar mit Firefox/Gecko-Engine, aber der IE macht weiterhin Zicken und belässt die Bilder an der oberen Kante der Zelle...
Gruß, maglite

[MudGuard]

Hi,

#tabelle a:link,visited { display:block; width:100%; height:100%; }
#tabelle a:hover,active,focus { display:block; background-color:#EEEEEE; width:100%; height:100%; }

In welcher Sprache ist Dein Dokument verfaßt?
HTML kann es ja wohl kaum sein, denn in HTML gibt es weder ein visited-Element noch ein active-Element noch ein focus-Element.

cu,
Andreas

[maglite]

In welcher Sprache ist Dein Dokument verfaßt?
HTML kann es ja wohl kaum sein, denn in HTML gibt es weder ein visited-Element noch ein active-Element noch ein focus-Element.

cu,
Andreas

Äh, sry, da fehlt auch überall ein "a:".
Gruß, maglite