Inhalt einer Zelle mittig formatieren

[petz_e]

Hallo

Ich möchte den Inhalt einer Tabellen-Zelle mittig formatieren und zwar so, dass der Text wirklich zentral in der Zelle steht und nicht nur unten mittig auf er Linie hängt.

Ich habe folgenden code:

<td style="vertical-align: middle; text-align: center;"> ...... </td>

Klappt aber nicht (vertical-align)

/Patrick

 

[pit-r]

Moin!

Normale Punkte befinden sich innerhalb der Textzeile nun mal unten. Nimm stattdessen · => ······

Ahoi - Pit

 

[petz_e]

middot? wie benutzt man das?

/Patrick

 

[pit-r]

So:

<table border="1">
<tr>
<td style="vertical-align:middle; text-align:center;"> ...... </td>
<td style="vertical-align:middle; text-align:center;"> ······ </td>
</tr>
</table>

Ahoi - Pit

 

[petz_e]

So:

<table border="1">
<tr>
<td style="vertical-align:middle; text-align:center;"> ...... </td>
<td style="vertical-align:middle; text-align:center;"> ······ </td>
</tr>
</table>

Ahoi - Pit

Uhh, funktioniert das nur für IE? Wieso muss man das so oft wiederholen? Sieht das mit Text dann so aus:

<td style="vertical-align: middle; text-align: center;"> · Hier steht mein Text </td>

/Patrick

 

[pit-r]

Du hattest korrektes CSS (denn auf td's bezogen funzt vertical-align problemlos) aber Punkte in der Zelle. Daher blieb mir nix anderes übrig als anzunehmen, daß Du die Punkte vertikal zentriert haben möchtest. · ist nix anderes als ein Punkt in der Zeilenmitte.

Dein tatsächliches Problem verstehe ich nicht. Was hast Du denn wirklich in Deiner Zelle?

Ahoi - Pit

 

[petz_e]

LOOL, die Punkte waren nur Platzhalter für den Inhalt meiner Zellen (ganz normaler Text)

D.h. das CSS war korrekt. Komisch. Steht trotzdem nur auf der unteren Tabellenlinie

/Patrick

 

[pit-r]

Dann poste doch mal ein konkretes Beispiel, bei dem Du das Problem hast...

 

[petz_e]

Hier kommt:

<table width="860" bgcolor="#718699" border="0" cellspacing="0" cellpadding="0">
<tr height="10">
<td align="center"> <a href="default.htm"> <img src="images/banner.jpg"> </a> </td>
</tr>
<tr><td border="0" bgcolor="#FFCC55" height="2"></td></tr>
<tr><td border="0" bgcolor="#FFFFFF" height="2"></td></tr>
<tr>
<td align="right" style="font-family: Verdana; font-size: 12; color: white; vertical-align: middle; text-align: center;"> <img src="images/spacer.gif" height="20"> Gallery | Downloads | About | Contact | Links | Home </td>
<tr>
<tr><td border="0" bgcolor="#FFCC55" height="2"></td></tr>
<tr><td border="0" bgcolor="#FFFFFF" height="2"></td></tr>
</table>

Im Grossen und Ganzen geht es darum den Kopfbereich einer HP zu erstellen. Als erstes wird ein Banner erzeugt und dann, nach mehreren Trennstrichen, das Hauptmenü angezeigt. Und dass soll mittig platziert werden.

/Patrick

 

[pit-r]

Wenn Du da partout Deine spacer.gif drin behalten willst (was unnötig sein sollte, wenn ich mir den Dateinamen ansehe), gib auch dem img-Tag vertical-align:middle.

Ahoi - Pit

 

[petz_e]

Das spacer.gif war eigendlich gedach damit die Tabellenhöhe auf 20 pixel eingestellt wird. <td height="20"> hat nicht immer bei allen Browsern funktioniert, deshalb hab' ich mir schon seit längerem angewöhnt das so zu machen.

So oder so, jetzt klappt es... wie durch Zauberei

Danke!!!!!

/Patrick

 

[pit-r]

Keine Ursache.