Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/06/2008, 23:56
holacomoestatu
 
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