HTML: Wie zwei Buttons in der Mitte einer Zelle plazieren?

[Herbert (Gast)]

Die unten stehende HTML-Tabelle hat zwei Zellen. Eine Textzelle, die 
sich vertikal und horizontal zentrieren lässt, und eine Zeile mit zwei 
Buttons, bei der dies nicht geht. Der untere Rand ist breiter als der 
obere (siehe Bild.

Wie kann ich die Buttons vertikal und horizontal zentrieren?

<table border="1">
  <tbody>
    <tr>
      <td  width="240" height="80" align="center" valign="middle">Switch Output</td>
    </tr>
    <tr>
      <td  width="240" height="80" align="center" valign="middle"><FORM ACTION="/index.htm"><INPUT TYPE="SUBMIT" NAME="LED" VALUE="ON"><INPUT TYPE="SUBMIT" NAME="LED" VALUE="OFF"></form></td>
    </tr>
  </tbody>
</table>

[Joachim D. (Firma: JDCC) (scheppertreiber)]

Herbert schrieb:
> <td  width="240" height="80" align="center" valign="middle">

style='text-align:center;'

in das td einsetzen. Am Besten macht man das ohne table ...

[Herbert (Gast)]

Joachim Drechsel schrieb:
> Herbert schrieb:
>> <td  width="240" height="80" align="center" valign="middle">
>
> style='text-align:center;'

Funktioniert nicht. Die Buttons kleben oben am Rand der Zelle.

[Joachim D. (Firma: JDCC) (scheppertreiber)]

Da steht alles drin: http://de.selfhtml.org/

Stichwort CSS, dort margin:auto etc.

[Sven B. (scummos)]

> <td  width="240" height="80" align="center" valign="middle">
Alles davon ist HTML der 90er Jahre und sollte nicht mehr verwendet 
werden. Sowas macht man heute mit CSS, das heißt über die style= oder 
class= Attribute.
Alle Attribute von HTML-Elementen die explizit auf die Darstellung des 
Elements Einfluss haben sind völlig veraltet.

[Daniel A. (daniel-a)]

Sven B. schrieb:
>> <td  width="240" height="80" align="center" valign="middle">
> Alles davon ist HTML der 90er Jahre und sollte nicht mehr verwendet
> werden. Sowas macht man heute mit CSS

Horizontale zentrierung schon, vertikale jedoch nicht.
margin: auto funktioniert nur horizontal, und text-align: center hat 
kein verticales equivalent (vertikal-aligen ist etwas anderes).

Wenn man prozentuale negative absolute Positionen oder äniches zur 
vertikalen zentrierung mittels css nutzt, und das darüberliegende 
Element zu klein ist, wird das zentriierte element über den oberen rand 
des darüberliegenden kommen.

Die tabellen methode hat diese Probleme nicht, tabellen mit nicht 
tabelenelementen und display table-blabla nachzubauen macht keinen sinn, 
somit sind tabellen zur vertikalen zentrierung am besten geeignet.

Ausserdem: warum sollten tabellen veraltet sein?

[Sven B. (scummos)]

Da das ein td ist, funktioniert vertical-align doch, oder?
Tabellen sind natürlich nicht veraltet, ich meinte die ganzen Attribute.