Botón ajustado a celda

#1 (**permalink**) 29/05/2009, 02:58

Hola, pues como dice el título... ¿cómo puedo ajustar las dimensiones de un botón al tamaño de una celda mediante css?.
La anchura no es problema (width: 100%;) pero no consigo ajustar la altura ya que no me admite valores en porcentaje; bueno si lo admite pero no hace nada.

Un saludo.

hades87 · #2 (**permalink**) 29/05/2009, 02:59

Un botón de formulario te refieres? y si pones height: auto;?

#3 (**permalink**) 29/05/2009, 03:05

Hola hades87, gracias por contestar tan rápido

Si, me refiero a un botón de formulario.
Ya probé con height: auto; pero no hace nada.

hades87 · #4 (**permalink**) 29/05/2009, 03:21

Mira este ejemplo, lo que tenías que poner es height: inherit, a mi en FF3.0 me funciona bien

Código HTML:

<html>
<head>
<title>prueba de boton</title>
<style>
input{
height: inherit;
}
</style>
</head>
<body>
<table style="border:1px solid #000">
<tr>
<td style="height:300px"><input type="button" value="Enviar"/></td>
</tr>
</table>
</body>
</html>

#5 (**permalink**) 29/05/2009, 04:39

he estado probando el código y funciona a la perfección según está. Pero si lo aplico a mi diseño no funciona.

Tengo los siguientes botones:

varios botones de selección ( type="radio")
un botón de reset (type="reset")
y un botón de envío (type="button")

Al introducir el código los valores quedan aplicados a los botones de selección pero no a los botones de reset y envío. No se donde puede estar el fallo (mayormente porque no tengo mucha idea en estos temas).

hades87 · #6 (**permalink**) 29/05/2009, 04:40

pues no se, si pones la web o indagas un poco mas con el CSS seguro que te podremos ayudar mejor :)