Foros del Web » Creando para Internet » CSS »

Problema con input text y select

Estas en el tema de Problema con input text y select en el foro de CSS en Foros del Web. Hola, queria saber si me podían ayudar con el formulario de mi sitio. El formulario tiene un input type="text" y un select uno al costado ...
  #1 (permalink)  
Antiguo 20/03/2012, 10:34
 
Fecha de Ingreso: marzo-2011
Mensajes: 1
Antigüedad: 13 años, 1 mes
Puntos: 0
Problema con input text y select

Hola, queria saber si me podían ayudar con el formulario de mi sitio.
El formulario tiene un input type="text" y un select uno al costado de otro. Al darle el mismo alto al input y al select quedan con distinta altura. Como soluciono esto?

Código:
	
<form action="" method="post">					
<input type="text" name="nombre" id="nombre" />
<select name="ubicacion" id="ubicacion">
       <option value="1">Capital Federal</option>
       <option value="2">GBA Zona Norte</option>
	<option value="3">GBA Zona Sur</option>
	<option value="4">GBA Zona Oeste</option>
</select>
<input type="submit" value="Buscar"/>
</form>
Código:
#buscadorForm{width:600px;height:80px;margin-top:30px;margin-left:80px;float:left;}

#buscadorForm input{float:left;width:180px;height:28px;margin-left:5px;}

#buscadorForm select{float:left;width:200px;height:28px;margin-left:5px;line-height:28px;}
Gracias, por la ayuda.
  #2 (permalink)  
Antiguo 22/03/2012, 03:40
 
Fecha de Ingreso: marzo-2012
Mensajes: 30
Antigüedad: 12 años, 1 mes
Puntos: 2
Respuesta: Problema con input text y select

Buenas.

En el código te falta poner id="buscadorForm" para q se apliquen los estilos, pero bueno.

Tu código en Firefox establece de forma correcta el alto, pero no en IE.

La solución q he encontrado es la siguiente:

- Si añades la siguiente línea en tu hoja de estilos el alto se ajusta perfectamente, pero no se si te gustará el resultdo:

#buscadorForm select
{
font-size:28px;
}

Tendrás la fuente más grande pero por lo q sé es la única solución con CSS.

Un saludo.

Etiquetas: formulario, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:59.