Sprites dentro de un textarea o caja de texto

[mdromed]

Pues vereis, tengo un sprite con 3 iconos dentro de el:

iconoA
iconoB
iconoC

Cada uno de esos iconos mide 10X10px.
El problema es que quiero mostrar solo el icono del medio (el B) como fondo de una textarea o caja de texto que mide 400X400px.. en el css de la capa le pongo la imagen de fondo y su backgroundposition para que visualice desde el inicio del iconoB pero el problema es que el height y width si los pongo 10X10px para que muestre solo el iconoB y no el C ni el A, pues me pone el textarea en ese tamaño.

Es decir, quiero que el textarea siga siendo de 400X400px y mostrar en el solo el iconoB del sprite.

¿Como puedo hacerlo?

[mdromed]

alguien lo sabe?

[flashmax]

Hola déjanos ver tu código haber donde esta la falla

[mdromed]

Iniciado por flashmax

Hola déjanos ver tu código haber donde esta la falla

Este es el codigo CSS de la clase que usa el textarea...

Código HTML:

#box{
  background-image:url('images/sprite1.png');
  background-repeat:no-repeat;
  width:18px;
  height:18px;
  background-position: 0px -18px;
  display: inline-block;
}
 
<textarea id="box"></textarea>
 

El problema es que si yo pongo:
width:18px;
height:18px;

Pues el propio textarea se pone en esas dimensiones, no solo el icono de fondo del sprite
.
.
.

[mdromed]

A ver quien me puede echar una mano! Please!

[mdromed]

Ayuda por favor

[flashmax]

hola me gustaría ver tu imagen sprite para poder probar en mi editor.

[mdromed]

Iniciado por flashmax

hola me gustaría ver tu imagen sprite para poder probar en mi editor.

[flashmax]

hola cual seria el efecto o que quieres lograr con ese sprite dentro del text?

[mdromed]

Iniciado por flashmax

hola cual seria el efecto o que quieres lograr con ese sprite dentro del text?

Solo quiero que se vea como fondo en el textarea el cuadradito rojo., pero claro, el textarea ha de ser de 400x400 px

[mdromed]

alguna idea?
Empiezo a pensar que no se puede hacer...

[mdromed]

Ninguna solución?

[furoya]

Es más fácil preguntar que buscar, no?.
En realidad no se puede, no sé de dónde se les ocurre que algo así puede funcionar, pero sigan pidiendo que ya el W3C lo va a agregar.

Las formas para simularlo son propietarias y distintas para cada navegador ... en los que anda.
Casi recomendaría usar canvas.

Iba a decirte algo sobre levantar el tema, pero ... bah.

[mdromed]

Que es canvas?

[pzin]

Iniciado por furoya

Es más fácil preguntar que buscar, no?.

Iniciado por mdromed

Que es canvas?

Por si quedaban dudas.

[furoya]

Bien; flashmax, no lo sabía, pero en este sitio ya te conocemos de hace tiempo, y sabemos que venís a preguntar güevadas solamente para boludearnos, para estirar temas con post inútiles planteando cualquier cosa. Por eso es que no te respondemos.
Sin embargo, y aunque es una pregunta repetida, justo ésta (que hiciste de manera incorrecta e incompleta como es tu costumbre) tiene un par de soluciones interesantes (e incompatibles) que a más de uno le pueden servir. Hay que buscar en código CSS3 ... y propietario (esas versiones que hace cada navegador, hasta que lo aprueben), pero la de usar canvas es la más estandarizada. Y tecnicamente, no es un "fondo".

El único motivo para postear esto es que sirva de referencia para quien tenga una necesidad real de hacer un sprite "de fondo" con una parte de una imagen; que tenga donde emepezar a buscar. Algún día puede que agregue un breve tutorial sobre los otros métodos. Pero no va a ser aquí, no pienso excusarte el tema con un aporte.

Y si no comento lo de levantarlo con un nuevo post que no agrega nada, es porque no vas a aprender nada: lo hacés a propósito. Sabés positivamente que esto no se debe.

[C2am]

Furoya. o te equivocaste de sujeto (flashmax) o tienes una coma de más (flashmax no lo sabía, pero...)
O me está faltando información que se haya pasado por privado.

Saludos

[furoya]

Exactamente, quedó una coma de más. La frase sería

Bien; flashmax no lo sabía, pero en este sitio ya te conocemos de hace tiempo, ...

Debí traerla de algún "copy-paste", si te fijás bien, está dentro del bold. Eso es algo imposible de hacer a propósito, por eso supongo que se coló al pegar, y no que edité para reescribir el texto y no la borré.

Mil disculpas, y gracias por el aviso.



Edito: Miré el código fuente. No estaba adentro del bold. Me pareció porque uso un ClearType y me la "engrosó", creí que también estaba en negrita.
Ahora no tengo idea de dónde salió esa coma. Pero sospecho que es algo que nos importa a vos y a mí, y a nadie más.

[flashmax]

No entendí un pomo si soy yo el que pregunta güevadas o el otro user mdromed

[furoya]

¡Nooo! No voy a editar de nuevo...

[memoadian]

Iniciado por flashmax

No entendí un pomo si soy yo el que pregunta güevadas o el otro user mdromed

Somos muchos los que no entendemos a furoya