Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Imagen de Fondo en un input (http://www.forosdelweb.com/f53/imagen-fondo-input-475929/)

animaliens 25/03/2007 08:49

Imagen de Fondo en un input
 
Estimados:

Necesito colocar una imagen de fondo en un input con Css, para ello lei este tutorial: http://www.3wstudio.com.ar/index.php?idPost=188

y funciona bien pero solo en IE, en Firefox se ve mal.

Lo que quiero conseguir es algo como esto ya que se ve bien en IE y en Firefox:

http://www.animaliens.bolsonweb.com/...c7b5d230f46a41

Disculpen los links no es mi idea hacer spam o publicidad realemente no puedo lograr que la imagen de fondo se vea en Firefox.

Ademas me gustaría saber si las esquinas de un Input pueden redondearse de alguna forma con Css.

JavierB 25/03/2007 09:05

Re: Imagen de Fondo en un input
 
Hola animaliens

No entiendo a qué te refieres con "en Firefox se ve mal" :pensando:

Esto funciona en IE, Firefox y Opera:

Código:

<style type="text/css">
input {background: url(tuimagen.jpg)}
</style>

Sobre las esquinas redondeadas, date una vuelta por el foro, hay muchos mensajes sobre el tema.

Saludos, :adios:

animaliens 27/03/2007 00:56

Re: Imagen de Fondo en un input
 
Gracias, de esa forma funciona. Lo que pasa es que yo quería especificar un input en particular y no todos los de la pagina, estoy trabajando con PHP. Quizas no se bien donde van las comas y comillas y espacios, soy novato, mi codigo es este:

Código:

<input type="text" style="background-image:url(jovenstropvered.jpg)" size="10" value="">
va dentro de un div en absolute
y tambien querria saber como se quitan los bordes de un input

JavierB 27/03/2007 02:35

Re: Imagen de Fondo en un input
 
Hola de nuevo.

El código que has puesto es correcto. Seguramente, como tú dices, te estás liando con las comillas. Pon el código PHP que genera esa línea, a ver si damos con el fallo.

Para quitar los bordes:

<input type="text" style="border:0" />

Saludos, :adios:

elcamaleon007 27/03/2007 06:52

Re: Imagen de Fondo en un input
 
en todo caso usa \ antes de cada comilla...
<input type=\"text\" style=\"background-image:url(jovenstropvered.jpg)\" size=\"10\" value=\"\">
asi php no lee las comillas de tu tag..

animaliens 29/03/2007 18:36

Re: Imagen de Fondo en un input
 
Perfecto, ahora funciona :)

Gracias


La zona horaria es GMT -6. Ahora son las 02:34.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.