Text in der Mitte einer Tabellenzelle anzeigen lassen

[Axel Richter]

Hallo,

ich habe folgenden Code in einer Seite 'verbaut':

<table>
<tr>
<td style="position:absolute; top:25; left:25; height:40; width:120; vertical-align:middle">

Was soll die Positionierung der Tabellenzelle bewirken? Willst Du sie aus der Tabelle hinaustreiben? Genau das versuchen die Browser wahrscheinlich zu rendern. Tabelle, Tabellenzeile und Tabellenzelle gehören zusammen. Du kannst höchstens die gesamte Tabelle positionieren.

<a href="index.htm>
<div style="color:black; text-decoration:none">
<b>Startseite</b></a></div>

Hier stimmt die Schachtelung nicht.
<div style="color:black; text-decoration:none"><a href="index.htm"><b>Startseite</b></a></div>
wäre von der Schachtelung richtig.
<a href="index.htm" style="color:black; text-decoration:none; font-weight:bold;">Startseite</a>
wäre konsequenteres Einsetzen von CSS.

</td>
</tr>
</table>

Jetzt soll 'Startseite' in der Mitte der Tabellenzelle angezeigt werden - aber komischerweise wird es immer noch oben links angezeigt. Was habe ich falsch gemacht?

Horizontal in die Mitte bekommst Du Inline-Content(A, Fließtext) in der Tabellenzelle mit text-align:center. Für Block-Elemente (DIV usw..) ist margin:auto; zuständig.

viele Grüße

Axel