Textinput y Textarea

Daidass · #1 (**permalink**) 24/12/2007, 06:52

Hola a todos!!!

Tengo un problema con mis textinput y mis textarea.
A ver, tengo un textinput :

Código HTML:

<input class="textinput" onkeypress="return al_registerOnEnter(event);" type="text" name="user_email" value="" maxlength="30" />

Bueno pues al ser para escribir una direccion de correo y normalmente estas son largas... tengo que dejar poner muchos carácteres, pero cuando escribo mas alla de la imagen se me mueve o me empieza a escribir fuera.
Supongo que con imagenes se verá mejor.

Con el textarea me pasa lo mismo, pero ademas el scroll no me encaja bien.
Como puedo solucionar esto?

Código HTML:

<textarea name="comment" id="comment" class="textarea" cols="100%" rows="10" tabindex="4"></textarea>

Espero que me puedan ayudar!!

Gracias y Felices Fiestas!!!!!

webosiris · #2 (**permalink**) 27/12/2007, 14:57

si estas usando css pero no pones el CSS que usas, da pereza ayudarte...
en el caso del textarea supongo que usas una imagen no-repeat... hacela de forma que se pueda repetir verticalmente o ponela fija con fixed...

Daidass · #3 (**permalink**) 28/12/2007, 06:30

Gracias webosiris, se me olvidó poner el css, perdón

Poniendo fixed ha funcionado!!! Gracias!!!!

Daidass · #4 (**permalink**) 02/01/2008, 05:23

Bueno, pensaba que lo tendría ya solucionado, pero me surgen mas problemas.
Poniendo el fixed con I7 Y Firefox me desaparece la imagen.

Leyendo encontré que se arreglaba poniendo "background-repeat: repeat-x;" pero entonces me sale esto:

Como lo soluciono?

Otra cosa que no funciona es el "size", lo tengo puesto pero no me hace caso, coge siempre como tamaño el "maxlength". Que hago mal?

Código:

.textinput{
	width:128px;
	height:15px;
	background:url(images/images/input.gif) no-repeat left top;
	background-repeat: repeat-x;
	border:none;
	padding:4px 8px;
	margin: 2px 0 0 1px;
	size: 15px;
               }

Un saludo y gracias!

floren · #5 (**permalink**) 02/01/2008, 23:16

Hola Daidass, no sé si te he entendido bien, pero me da la sensación de que crees que la imagen se va a estirar como un chicle y eso no puede ser.

Has elegido un fondo que tiene unas medidas determinadas, y es lógico que lo que escribas con un ancho mayor se salga fuera, y si le dices "repeat", pues que pasado el ancho que tiene, vuelva a empezar a repetir la imagen.

Resumiendo, si no me equivoco, creo que lo que necesitas no se puede hacer con CSS, tendría que ser con Flash. Sólo te queda hacer lo que tú sugieres, y es limitar "a piñón" el ancho/largo de escritura para que dé la sensación de que está escribiendo en lo blanco.