Foros del Web » Creando para Internet » CSS »

Imagen input en formulario (el inefable IE)

Estas en el tema de Imagen input en formulario (el inefable IE) en el foro de CSS en Foros del Web. Saludos camaradas. Tengo el siguiente problema relacionado con el siempre nebuloso IE: La imagen input del formulario aparece a la derecha en la parte inferior ...
  #1 (permalink)  
Antiguo 07/06/2008, 12:00
 
Fecha de Ingreso: abril-2008
Mensajes: 13
Antigüedad: 16 años
Puntos: 0
Imagen input en formulario (el inefable IE)

Saludos camaradas. Tengo el siguiente problema relacionado con el siempre nebuloso IE:

La imagen input del formulario aparece a la derecha en la parte inferior de la casilla de texto. En los otros exploradores, FF, Opera, Safari... se ve como debe ser: a la derecha de la casilla... ¿qué demonios le pasa, por enésima vez, al IE? ¿cómo puedo solucionar este problemilla?

Gracias,
  #2 (permalink)  
Antiguo 07/06/2008, 18:11
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 4 meses
Puntos: 68
Respuesta: Imagen input en formulario (el inefable IE)

si nos pones un pedazo de código e incluso un enlace a la web o una imagen para verlo nos sería mucho mas fácil ayudarte a arreglarlo
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 07/06/2008, 23:56
 
Fecha de Ingreso: abril-2008
Mensajes: 13
Antigüedad: 16 años
Puntos: 0
Respuesta: Imagen input en formulario (el inefable IE)

Gracias por la respuesta a pesar del ininteligible primer post. No incluí más información porque quizá alguien ya habría tenido un problema similar así que me ahorraría el entrar en detalle. Bueno, aquí van las imágenes tanto del FF como del IE, y el código XHTML y CSS.

Saludos,


FF


IE


IE resaltada

Código XHTML del formulario

<form id="buscar" action="" method="get">
<div id="formulario">
<label for="recuadrobuscar">Buscar</label>
<input id="recuadrobuscar" name="recuadrobuscar" type="text" />
<input id="iconobuscar" alt="Buscar" name="iconobuscar" src="imagenes/iconobuscar.png" type="image" />
</div>
</form>

(esa div "formulario" tuve que ponerla para que el w3c me validara en xhtml 1, ¿alguien sabe otra forma de corregirlo?)

Código CSS

}
#formulario {
text-align: right;
float: right;
margin: 0px;
padding-right: 95px;
padding-top: 5px;
}
#formulario label {
position: absolute;
top: -20000px;
}
#recuadrobuscar {
height:14px;
width: 117px;
background-image: url(../imagenes/fondorecuadro.gif);
background-repeat: repeat-x;
border: 1px solid #b4b4b4;
font-size: 10px;
}
#iconobuscar {
padding-left: 5px;
}

Última edición por holacomoestatu; 09/06/2008 a las 08:12
  #4 (permalink)  
Antiguo 09/06/2008, 03:29
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 4 meses
Puntos: 68
Respuesta: Imagen input en formulario (el inefable IE)

o sea, tu lo que quieres es que te aparezca la lupa?
__________________
No diseñes usando tablas.
  #5 (permalink)  
Antiguo 09/06/2008, 08:09
 
Fecha de Ingreso: abril-2008
Mensajes: 13
Antigüedad: 16 años
Puntos: 0
Respuesta: Imagen input en formulario (el inefable IE)

La lupa sí aparece, pero no donde debería. La cuestión es que en los exploradores que he probado, la lupa ésta aparece como debe ser. Pero en el IE (si notas bien) no es que no aparezca sino que está escondida debajo del recuadro de texto.

¡Salve, Mahareyu!

Última edición por holacomoestatu; 09/06/2008 a las 08:15
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 04:41.