Potrzebuję wyrównać komórki (nie zawartość)

Chodzi o to, że wyświetla się na zasadzie:
xxx
xxxxx
xxxx

A ja bym chciał wyśrodkować wszystkie komórki.

A tutaj kod html:
(troszkę długi ;p)

[HTML] pobierz, plaintext 
<center>
            <table>
                <tr>
                    <td><input type="submit" value="Esc" onclick="javascript: history.back();"></td>                    
                    <td><input type="submit" value="<-" onclick="usun(1);"></td>                    
                    <td><input type="submit" value="Reset" onclick="usun();"></td>                    
                </tr>
                <tr>
                    <td><input type="submit" value="1" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="2" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="3" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="4" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="5" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="6" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="7" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="8" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="9" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="0" onclick="dodaj(this.value);"></td>
                </tr>
                <tr>
                    <td><input type="submit" value="q" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="w" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="e" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="r" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="t" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="y" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="u" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="i" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="o" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="p" onclick="dodaj(this.value);"></td>
                </tr>
                <tr>
                    <td><input type="submit" value="a" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="s" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="d" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="f" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="g" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="h" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="j" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="k" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="l" onclick="dodaj(this.value);"></td>
                </tr>
                <tr>
                    <td><input type="submit" value="z" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="x" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="c" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="v" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="b" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="n" onclick="dodaj(this.value);"></td>
                    <td><input type="submit" value="m" onclick="dodaj(this.value);"></td>
                </tr>
            </table>
            <input type="text" id="pole" disabled="disabled">
        </center>
[HTML] pobierz, plaintext 

Najpierw radziłbym Ci zajrzeć do jakiegoś tutoriala. Coś takiego jak <center> i </center> nie istnieje w dzisiejszych czasach. Jak już dodawałeś kod trzeba było usunąć niepotrzebną treść. Jakieś tabulatory czy chociażby spacje (wcięcia) stosujesz w ogóle w kodzie?

Wiesz co bez wcięć byłoby mi trudno zrozumieć nawet własne klasy (pisane w php).

Niestety bb-code (przynajmnie codebox) nie obsługuje wcięć.

Wiem, teraz w użytku jest <span>, co nie znaczy że <center> nie mogę używać.

A co do wcięć, postanowiłem że wrzucę na rafb.net specjalnie dla Ciebie.
Kod z wcięciami

// Ja już pośpieszyłem z pomocą. Ociu

Do HTML masz osobny bbcode.


Nie wiem, czy ten drugi jest w XHTML 1.1/1.0 strict. Mam prawo nie pamiętać, bo nie używam. Nie powinno się już stosować znaczników opisujących wygląd, tylko strukturę. Co mówi <center /> o strukturze? Nic.

A wyśrodkować można bardzo łatwo: tabeli nadajesz jakieś id i wtedy CSS:

Jak już pisałem, nie chodzi mi o to co w komórce. Tylko o to żeby komórka była dobrze "ułożona".

Nie bardzo ten screen tłumaczy. Przecież text-align: center działa na elementy liniowe, a inputy nimi są.

Inaczej, zrobiłem kolejnego screena.

To u góry to co mam...
To na dole to to co chciałbym mieć.

No, teraz rozumiem... Wsadź w jedną komórkę/wiersz klawisze z jednej linii i zrób tak, jak mówiłem.

Jeśli chcesz konkretnie 1 komórka = 1 klawisz, to musisz skrajnym <td/> nadać odpowiednio większą szerokość, żeby mogły wypełnić obszar między krańcami tabeli a klawiszami.

Yes! Udało się!

Nawet dodałem klawisze typu: spacja, shift, alt (i działają)



Problem rozwiązany, można zamknąć.