Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Alinhamento em campos de texto

Pessoal, boa noite.

Tenho o seguinte problema:

                 <tr>
                    <td align=center><h3> Nome </h3></td> 
                    <td><input type="text" name="nome" class="form-control" > </td>
                </tr>
                <tr>
                    <td align='center'><h3> Preço </h3></td> 
                    <td> <input type="number" name="preco" class="form-control"> </td>
                </tr>

Os campos input ficam meio que "deslocados na célula", como se tivesse alinhados com o topo.

Gostaria deles centralizados nas células dessa tabela. Com os textos eu consigo utilizando o align=center, mas qual parâmetro que utilizo para fazer o mesmo com campos type="number" e type = "text".

Valeu, muito obrigado =)

1 resposta
solução!

Camilo, o align=center alinha no centro horizontalmente. Se é alinhamento horizontal que você deseja, pode fazer isso usando o mesmo atributo no <td> do <input ...>.

<td aling="center"><input type="number" ... ></td>

Os inputs parecem ficar alinhados ao topo porque são maiores do que texto simples. É uma impressão comum. O bootstrap, que estamos usando é quem cuida de alinhar os inputs.

Agora, se você deseja alinhamento vertical é mais complicado e exige mais conhecimento de css do que de HTML ou mesmo PHP. Da uma estudada na página do bootstrap: http://getbootstrap.com/css/#forms