Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/09/2015, 22:04
Avatar de fede5426
fede5426
 
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 10 años
Puntos: 208
Respuesta: Centrar botones en tabla

El error es que cada botón está en una celda diferente, alineados a la izquierda. Lo correcto para centrarlos, sería colocar ambos input en un mismo <td> e indicarle a esa celda que abarque el espacio de 2 celdas.

Entonces, cambia esto:

Código HTML:
Ver original
  1. <tr>
  2.     <td style="margin: 0 auto;"><input type="submit" name="Enviar" value="Enviar"></td>
  3.     <td style="margin: 0 auto;"><input type="reset" name="borrar" value="Borrar"></td>
  4. </tr>

Por esto:

Código HTML:
Ver original
  1. <tr>
  2.     <td colspan="2" style="text-align:center;">
  3.         <input type="submit" name="Enviar" value="Enviar"/>
  4.         <input type="reset" name="borrar" value="Borrar"/>
  5.     </td>
  6. </tr>

La clave es el "colspan" que es la propiedad que indica que el elemento <td> debe ocupar el espacio de 2 celdas horizontalmente. De la misma manera se utiliza "rowspan" para indicar que ocupe el tamaño de determinado número de celdas, pero verticalmente.

Y para centrar ambos botones usa "text-align:center" en el <td>. Con esto van a quedar al centro de la celda, pero muy juntos.. con agregarles un margin de 5 o 10px (o los que creas necesario) se soluciona.

Saludos