Tengo una serie de elementos en un formulario.
Son campos creados con la etiqueta "input" y botones creados con la etiqueta "button".
Lo que pretendo conseguir es que los botones se situen a la derecha de los campos, y los campos ocupen todo el espacio restante.
Aparentemente lo habia conseguido al escribirlo asi.
Código:
En la hoja de estilo tengo definido <td><button style='float:right;' class='BotonA ' onClick='mostrarLov(cd_tipo_localizacion_ptob,ds_tipo_localizacion_ptob);' title='Lista de Valores' > <img src='/images/downarrow.gif' style='vertical-align: middle'> </button><input type='hidden' name='cd_tipo_localizacion_ptob' value='' /><input type='text' class='texto_l ' name='ds_tipo_localizacion_ptob' value='' readonly /></td>
Código:
Bien, como decia, al cargarse la pagina, se ve bien.input { font-family: Arial; font-size: 11px; font-weight: normal; color: #006699; width: 100%; }
El problema aparece cuando se pulsa el boton, y se invoca la funcion "mostrarLov". Esta lo que hace es asignar un valor a las propiedades "value" de los dos objetos que se le pasaron como argumento.
Es entonces cuando, no se por que, el campo "ds_tipo_localizacion_ptob" crece, ocupa todo el ancho y tapa el boton...
Empleo Internet Explorer 6.
¿Alguien puede echarme una mano y decirme que diablos puede estar pasando?