Sprite para degradados se podra?

a_brillarmiamor · #1 (**permalink**) 09/06/2010, 19:18

Hola gente, necesito una mano, aver si se puede...
Tengo un sprite general y quiero poner la imagen que corresponde a un fondo degradado de 1 div...

seria algo asi...
.btn1_menu {
background:transparent url(../imagenes/fondo_menuprincipal.gif) repeat-x scroll 0 0;
float:left;
height:71px;
position:relative;
width:63px;
(esto pertenece a una imagen sola sin sprite XD)
pero tengo entendido que no se puede poner en un sprite porq tengo q poner el repeat-x, y en el sprite tendria delimitada la imagen a 1px 63px.
Si se entiende lo que pregunto espero respuestas!
gracias...

Carlangueitor · #2 (**permalink**) 09/06/2010, 20:47

Si, si se puede, solo tienes que colocarlo debajo, mira esta imagen: http://www.psdtown.com/wp-content/th...mg/menu_bg.png que genera este menú:

Solo acomodalo debajo de lo que tengas.

Saludos

a_brillarmiamor · #3 (**permalink**) 09/06/2010, 20:52

grax x contestarme amigo, pero eso ya lo se, yo lo que quiero saber es si puedo usar un repeat-x sobre el tag img, traido del sprite general...se entiende?

Carlangueitor · #4 (**permalink**) 09/06/2010, 20:58

Cita:

Iniciado por a_brillarmiamor

puedo usar un repeat-x sobre el tag img, traido del sprite general...se entiende?

Pues ya me confundiste más

Un tag img no se lee puede poner repeat.

Si lo que quieres es usar sprites, pero una imagen de ese sprite quieres que se repita en X si se puede, mira la imagen, la primera es el borde izquierdo, luego el izquierdo y al final el relleno que se repite en x.

Saludos

a_brillarmiamor · #5 (**permalink**) 09/06/2010, 21:31

entonces no taba tan erado! grax se agradese...
y ya que estamos te molesto de nuevo XD...
necesito una tecnica que sirva, no como esas q andan dando vueltas x ahi para hacer q una imagen png transparente me la reconosca como tal el maldito ie6...
abrazo!...

Carlangueitor · #6 (**permalink**) 09/06/2010, 21:35

Pues yo uso IE7js: http://code.google.com/p/ie7-js/ que me corrige otros errores además de la transparencia.

Saludos

a_brillarmiamor · #7 (**permalink**) 09/06/2010, 21:40

mmmmmm, grax pero no uso js!...:(
se agradese =
abrazo!...

Carlangueitor · #8 (**permalink**) 09/06/2010, 21:43

Y por que?

También hay otra solución, pero no siempre me ha funcionado bien: http://www.twinhelix.com/css/iepngfix/

Saludos

caricatos · #9 (**permalink**) 10/06/2010, 00:25

Hola:

No sé a que te refieres con sprite... si solo se trata de un fondo degradado, no deberías tener problemas.

Las imágenes con fondo transparente mostrarán lo que haya debajo, si defines una imagen de fondo aunque sea en un tag img, se le puede poner lo mismo que si se tratase de cualquier otro medio visible (style="background: red url(fondo.png) repeate-x top center").

Si se trata de otra cosa, será que no llegué a enterarme.

Saludos

a_brillarmiamor · #10 (**permalink**) 10/06/2010, 18:07

hola caricatos, el tema es asi, tengo un sprite general osea una imagen grande con imagenes dentro(que explicacion no? jeje), bueno y necesito hacerle a un div con sierto ancho y alto un repeat-x y quiero traer esa imagen del sprite en cuestion, y tengo entendido q no se puede, esto es asi??..
y ya q estamos...te pregunto tengo el tag img y quiro ponerle un imagen transparente y q se vea en el maldito ie6, tambien tengo entendido que no se puede...
Que me podes decir al respecto?..
un abrazo!

Carlangueitor · #11 (**permalink**) 11/06/2010, 18:59

Entonces, ¿solo me diste el avión?

Te dí las dos soluciones. ¿O será que no entiendo?

jomaruro · #12 (**permalink**) 12/06/2010, 03:07

Hola:

Yo lo único que entendí es que las soluciones que le aportas no le valen porque no usa js.

Saludos.

.adios:

a_brillarmiamor · #13 (**permalink**) 12/06/2010, 12:07

Cita:

Iniciado por jomaruro

Hola:

Yo lo único que entendí es que las soluciones que le aportas no le valen porque no usa js.

Saludos.

.adios:

Por fin una respuesta buena!
XD

Carlangueitor · #14 (**permalink**) 12/06/2010, 12:09

No se si viste lo segundo que te pasé para la transparencia en IE6, no se usa Javascript, se usa un .htc y se coloca con CSS.

Lo de los sprites y degradados si se puede, ya te dije como.

Saludos

a_brillarmiamor · #15 (**permalink**) 16/06/2010, 19:40

Cita:

Iniciado por Carlangueitor

No se si viste lo segundo que te pasé para la transparencia en IE6, no se usa Javascript, se usa un .htc y se coloca con CSS.

Lo de los sprites y degradados si se puede, ya te dije como.

Saludos

Te voy a comentar ahora bien por q no me estuve expresando bien creo...
El tema es asi, tengo esto...

<img alt="" title="" src="/images/logo.png"/>

el src pertenece a una imagen unica, yo quiero ponerla en un sprite grande con otras imagenes con coordenadas.

mi pregunta es si se puede hacer una cosa asi, por q lo ignoro!

<img alt="" title="" width:300px; height:150px; src="/images/sprite_general.png no-repeat 0 -300px "/>

Todo en el mismo codigo html...

Carlangueitor · #16 (**permalink**) 16/06/2010, 19:41

Las etiquetas IMG, no se puede poner repeat. Es solo para fondos. Quizá era lo que no te entendía.

Saludos

a_brillarmiamor · #17 (**permalink**) 16/06/2010, 19:49

Cita:

Iniciado por Carlangueitor

Las etiquetas IMG, no se puede poner repeat. Es solo para fondos. Quizá era lo que no te entendía.

Saludos

No me importa el repeat, es un ejemplo el q puse, la idea es darle cordenadas de un sprite, y poderle darle un ancho y alto, pregunto, se pùede?

Carlangueitor · #18 (**permalink**) 16/06/2010, 19:51

En etiquetas IMG, no, solo en fondos al igual que el repeat.

Saludos

a_brillarmiamor · #19 (**permalink**) 16/06/2010, 19:55

Cita:

Iniciado por Carlangueitor

En etiquetas IMG, no, solo en fondos al igual que el repeat.

Saludos

Osea que tengo q usar una imagen para el img solo...ok...
y aunq sea coordenadas se le podra poner?
La idea es bajar el peso de la page y hecer la nenor cantidad de peticiones!...me entennnnnnnde?

Carlangueitor · #20 (**permalink**) 16/06/2010, 20:15

Si, entiendo lo que quieres lograr, lo que quieres hacer como comentas no se puede aunque hay alternativas.

Por ejemplo:

Código HTML:

Ver original<span id="logo">Logo</span>

Código CSS:

Ver original#logo {
display: block;
width:300px; 
height:150px;
background: url(images/sprite_general.png) no-repeat 0 -300px;
}

Ese sería al ejemplo básico.

Saludos

letsalcido · #21 (**permalink**) 16/06/2010, 20:39

Cita:

Iniciado por a_brillarmiamor

Hola gente, necesito una mano, aver si se puede...
Tengo un sprite general y quiero poner la imagen que corresponde a un fondo degradado de 1 div...

seria algo asi...
.btn1_menu {
background:transparent url(../imagenes/fondo_menuprincipal.gif) repeat-x scroll 0 0;
float:left;
height:71px;
position:relative;
width:63px;
(esto pertenece a una imagen sola sin sprite XD)
pero tengo entendido que no se puede poner en un sprite porq tengo q poner el repeat-x, y en el sprite tendria delimitada la imagen a 1px 63px.
Si se entiende lo que pregunto espero respuestas!
gracias...

Hola, no se puede, pues se verán las demás partes de la imagen. Necesitrarás usar una imagen individual. :D, creo que yo si te entendí bien.

Saludos