Re: [Ovillo] Problema: li con png transparente de fondo, en IE
Puedes usar los comentarios condicionales cuando quieras dirigirte a una
versión anterior a la 7 de Internet Explorer. Inclúyelo en el head del
archivo html:
*!--[if IE lt 7]*
style type=text/css
/* reglas para navegadores anteriores a IE7 */
/style
*![endif]--*
En el ejemplo anterior, es mejor usar una hoja de estilos externa:
*!--[if IE lt 7]*
link href=ielt7.css rel=stylesheet type=text/css
*![endif]--*
Saludos
El 28 de noviembre de 2008 14:52, Carolina Rodríguez
[EMAIL PROTECTED] escribió:
Perfecto! No se de donde me saqué yo lo del 'scroll' pero sí, con 'crop'
funciona perfectamente :-)
Muchas gracias a todos!
(Alguien me comentaba lo de el padding y el margin a cero y el
list-style... no aparecía nada de eso en el trozo que puse porque estaba
definido en un reset general, al comienzo de la hoja de estilos)
Eso sí,
en vez de definirlo con el htmlbody como lo tenía
he tenido que ponerlo que ponerlo con el asterisco porque en IE7 me
duplicaba el bullet
li {
background: url(bullet.png) left 6px no-repeat;
*background: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png',
sizingMethod='crop');
}
y creo que no es muy ortodoxo ¿no?
Un saludo.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema: li con png transparente de fondo, en IE
Carolina:
El sizingMethod scroll no parece soportado.
En las especificaciones los habituales son scale crop e image si mal
no recuerdo.
- Scale: Se extiende o se reduce la imagen para llenar hasta los límites
de la caja.
- Crop: Recorta la imagen para adecuarse a las dimensiones de la capa.
- Image: Amplía o reduce las medidas de la capa para adecuarse a las
dimensiones de la imagen.
Y este es un ejemplo del uso del filtro de PNG´s para IE.
#imagen {
width: 50px;
height: 50px;
background-image: url(”http://.../img/imagen.png”) !important;
background-image: none;
filter: none !important;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’http://.../img/imagen.png’);
}
Espero que te sirva.
Alfonso Marcos Vidal do O
--
Message: 1
Date: Thu, 27 Nov 2008 16:32:02 + (GMT)
From: Carolina Rodríguez [EMAIL PROTECTED]
Subject: [Ovillo] Problema: li con png transparente de fondo, en IE
To: ovillo@lists.ovillo.org
Message-ID: [EMAIL PROTECTED]
Content-Type: text/plain; charset=iso-8859-1
Hola,
Os agradecería que me dijeseis si sabéis como solucionar esto. Me ha
ocurrido esto mismo ya varias veces.
En una lista, pongo los bullets en los css, como imagen de fondo, segun la
clase del li. Las imágenes de fondo son pngs de 24 transparentes. Para que
se vean en IE utilizo:
li {
float: left;
position: relative;
width: 268px;
padding: 0 0 0 20px;
background: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png',
sizingMethod='scroll');
}
htmlbody li {
background: url(bullet.png) left 6px no-repeat;
}
Pero así en los IE6 y 7 el li se encoge al ancho del contenido, no obedece
al width... Y he comprobado que si quito la linea del filter vuelve todo a
su sitio, así que he supongo que el problema viene del sizingMethod del
filter, pero no sé como solucionarlo.
¿Alguna idea?
Muchas gracias!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema: li con png transparente de fondo, en IE
Perfecto! No se de donde me saqué yo lo del 'scroll' pero sí, con 'crop'
funciona perfectamente :-)
Muchas gracias a todos!
(Alguien me comentaba lo de el padding y el margin a cero y el list-style... no
aparecía nada de eso en el trozo que puse porque estaba definido en un reset
general, al comienzo de la hoja de estilos)
Eso sí,
en vez de definirlo con el htmlbody como lo tenía
he tenido que ponerlo que ponerlo con el asterisco porque en IE7 me duplicaba
el bullet
li {
background: url(bullet.png) left 6px no-repeat;
*background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png',
sizingMethod='crop');
}
y creo que no es muy ortodoxo ¿no?
Un saludo.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema: li con png transparente de fondo, en IE
Hola,
Os agradecería que me dijeseis si sabéis como solucionar esto. Me ha ocurrido
esto mismo ya varias veces.
En una lista, pongo los bullets en los css, como imagen de fondo, segun la
clase del li. Las imágenes de fondo son pngs de 24 transparentes. Para que se
vean en IE utilizo:
li {
float: left;
position: relative;
width: 268px;
padding: 0 0 0 20px;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png',
sizingMethod='scroll');
}
htmlbody li {
background: url(bullet.png) left 6px no-repeat;
}
Pero así en los IE6 y 7 el li se encoge al ancho del contenido, no obedece al
width... Y he comprobado que si quito la linea del filter vuelve todo a su
sitio, así que he supongo que el problema viene del sizingMethod del filter,
pero no sé como solucionarlo.
¿Alguna idea?
Muchas gracias!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema: li con png transparente de fondo, en IE
2008/11/27 Carolina Rodríguez [EMAIL PROTECTED]: ... background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png', sizingMethod='scroll'); } Segun la documentacion de Direct-X eso no existe [1]. La propiedad sizingMethod solo puede valer: crop, image y scale. sizingMethod='scroll' no da ningun resultado en Google. sizingMethod='image' da un monton de resultados solo eso ya es como para sospechar. Segun esta documentacion (no se como de relativa) describe una de estas propiedades asi: image Default. Enlarges or reduces the border of the object to fit the dimensions of the image. Si yo entiendo lo mismo que lo que estais entendiendo vosotros, ¿redimensionara el div al tamaño de la imagen?. Claro, incluso en una mente retorcida tendria sentido, tu le pones el valor scroll, como no es un valor valido, le da el valor image, y entonces adapta las dimensiones del objeto a las de la imagen. no se. [1] http://msdn.microsoft.com/en-us/library/ms532920(VS.85).aspx -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema: li con png transparente de fondo, en IE
Hola. Estoy de acuerdo con Tei.
Prueba a escribir *crop *en vez de *scroll*.
Otras consideraciones:
- Tal y como lo tienes, estás proporcionando dos veces el boliche *
bullet.png* para la versión 7 de Internet Explorer (IE7): una con *filter *y
la otra con el hack de selector hijo *htmlbody*. IE6 o inferior, en sus
versiones para Windows, no reconoce este hack, pero IE7 sí.
- Los navegadores sangran las listas de forma diferente. Firefox tiene en
cuenta el relleno (padding), mientras que IE y Opera tienen en cuenta el
margen para el sangrado. Te recomiendo, para que consigas una mayor
consistencia entre los navegadores, que anules el relleno y el margen
predeterminados por el navegador:
* {
padding: 0;
margin: 0;
}
.. para luego indicarlos de forma explícita para los diferentes elementos.
Los boliches predeterminados se eliminan con:
ul {
list-style: none;
}
Saludos.
El 27 de noviembre de 2008 17:32, Carolina Rodríguez
[EMAIL PROTECTED] escribió:
Hola,
Os agradecería que me dijeseis si sabéis como solucionar esto. Me ha
ocurrido esto mismo ya varias veces.
En una lista, pongo los bullets en los css, como imagen de fondo, segun la
clase del li. Las imágenes de fondo son pngs de 24 transparentes. Para que
se vean en IE utilizo:
li {
float: left;
position: relative;
width: 268px;
padding: 0 0 0 20px;
background: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png',
sizingMethod='scroll');
}
htmlbody li {
background: url(bullet.png) left 6px no-repeat;
}
Pero así en los IE6 y 7 el li se encoge al ancho del contenido, no obedece
al width... Y he comprobado que si quito la linea del filter vuelve todo a
su sitio, así que he supongo que el problema viene del sizingMethod del
filter, pero no sé como solucionarlo.
¿Alguna idea?
Muchas gracias!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
