Foros del Web » Creando para Internet » HTML »

Como crear caja de texto con imagen?

Estas en el tema de Como crear caja de texto con imagen? en el foro de HTML en Foros del Web. Hola, alguien me podria decir como hacer una caja de texto con una imagen? Como en esta pagina: http://rapid-hook.com/ Espero que me puedan ayudar, Saludos. ...
  #1 (permalink)  
Antiguo 19/09/2009, 14:16
 
Fecha de Ingreso: mayo-2009
Mensajes: 43
Antigüedad: 8 años, 7 meses
Puntos: 0
Pregunta Como crear caja de texto con imagen?

Hola, alguien me podria decir como hacer una caja de texto con una imagen?

Como en esta pagina: http://rapid-hook.com/

Espero que me puedan ayudar, Saludos. Gracias.

PD: Esta es la imagen que usan: http://rapid-hook.com/images/link-box.png

Saludos.
  #2 (permalink)  
Antiguo 19/09/2009, 18:36
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Como crear caja de texto con imagen?

Hola yona_18

Seguramente esto te lo soluciona:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fondo de imagen para caja de texto</title>
<style type="text/css">
.cajadetexto {
	background-image: url('mi_imagen.jpg')
}
</style>
</head>

<body>

<form method="post">
	<textarea name="cajadetexto" cols="20" rows="2" class="cajadetexto"></textarea>
</form>

</body>

</html> 
Bye
  #3 (permalink)  
Antiguo 20/09/2009, 16:45
 
Fecha de Ingreso: mayo-2009
Mensajes: 43
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Como crear caja de texto con imagen?

Cita:
Iniciado por deirdre Ver Mensaje
Hola yona_18

Seguramente esto te lo soluciona:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fondo de imagen para caja de texto</title>
<style type="text/css">
.cajadetexto {
	background-image: url('mi_imagen.jpg')
}
</style>
</head>

<body>

<form method="post">
	<textarea name="cajadetexto" cols="20" rows="2" class="cajadetexto"></textarea>
</form>

</body>

</html> 
Bye
No me anduvo. Gracias igual.
  #4 (permalink)  
Antiguo 20/09/2009, 16:55
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Como crear caja de texto con imagen?

¿Utilizas css?
Código css:
Ver original
  1. textarea {
  2. background:transparent url(ruta/tuimagen.xxx);
  3. /* resto de propiedades que necesites*/
  4. }
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 20/09/2009, 17:01
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Como crear caja de texto con imagen?

Cita de yona_18

"No me anduvo. Gracias igual."

Estás en un error: funciona perfectamente desde ie6 hasta safari4 pasando por todos los navegadores. Haz un copia-pega y ponle el nombre de tu imagen y verás que funciona correctamente. Otra cosa es que tengas que adaptarlo a tus necesidades: tamaño, colocación, et.

Bye
  #6 (permalink)  
Antiguo 20/09/2009, 18:03
 
Fecha de Ingreso: mayo-2009
Mensajes: 43
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Como crear caja de texto con imagen?

Listo, ya esta. Gracias!
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 12:37.