nicht angemeldet
Hallo,
es ist eigentlich recht unkompliziert. Ich habe eine klitzekleine Tabelle, die 22px hoch ist (genau) und 100% breit. Darin sind 3 Zellen, in nur einer einzelnen zeile. Also:
--------+------------------------------------------------+----------+
| bla | Link * Link * Link * Link * Link * Link * Link | bla |
+-------+------------------------------------------------+----------+
Hierbei soll das * ein Bild, das 10px hoch ist, ersetzten.
Nun habe ich mir gedacht: Zu langweilig. Ich will, dass die Links so hoch sind wie die TD, in der sie sind, mit ner Hintergrundfarbe beim hovern, oder so was, ma sehn. Also, was mache ich? Hier mein testcode:
#TopNavigation td
{
padding: 0px;
}
#TopNavigation a
{
vertical-align: middle;
height: 25px;
padding: 0px;
margin: 0px;
}
Nun das Ergebnis: Die umliegenden Bilder sind mittig ausgerichtet, die Links 25px groß und der Text ist ganz unten im Link angeklatscht. Das ist zumindest das ergebnis im IE, im Opera ist es ganz anders: Dort ist der Linktext mittig in der <td> ausgerichtet, und - ach zu kompliziert, so siehts auf jeden fall aus:
|-------------------------------------
| | | | |
| | | | |
| | | | Text |
| | Text |
|-------------------------------------
links: IE-Link, rechts Opera-Link.
Also: vertical-align macht mir keiner, und überhaupt wird das sowieso nur in einer <td> unterstützt. Schon blöd - stimmts?
Wer kann mir helfen?
Vielen dank,
Kinast