Problema png transparente IE

limboings · #1 (**permalink**) 16/11/2006, 17:33

Hola buenas,

Bueno pues hace un tiempo postee preguntando por esto mismo y lo solucione,pero al probar el codigo en el host no me funciona :S,es decir que en local si me funciona pero en el host que tengo no :S supuse que fuera la ruta de la imagen png pero e hecho ya mil y un intentos,cambiando la ruta..poniendo quitando barras..comillas..y nada no sale el maldito png transparente..de hecho no sale nada,simplemente es como si no hubiera ningun elemento en la web..

Aqui os dejo la direccion: http://chriserminiaturas.ueuo.com/prueba.html .

Un Saludo y gracias!

AlZuwaga · #2 (**permalink**) 16/11/2006, 17:57

Bueno... es que http://chriserminiaturas.ueuo.com/imagenes/c1.png no existe en tu hosting o si, pero no se qué ocurre que redirige a http://www.ueuo.com/images/no.gif

Edit: Además decir que la imagen no se ve ni siquiera en FF

Takitei · #3 (**permalink**) 16/11/2006, 18:19

Aca tienes la solución al problema del alpha PNG en IE:

http://homepage.ntlworld.com/bobosola/

limboings · #4 (**permalink**) 16/11/2006, 18:25

Buenas,
No se ve en FF por que no le puse background-image,tan solo puse el hack este para los png,ahora si que se ve en FF.

A mi si me encuentra la imagen http://chriserminiaturas.ueuo.com/imagenes/c1.png en FF pero en IE no me la encuentra y me redirecciona a no.gif..

Que puedo hacer alguna idea??

Un Saludo y gracias al zuwaga!

limboings · #5 (**permalink**) 16/11/2006, 18:36

Cita:

Iniciado por Takitei

Aca tienes la solución al problema del alpha PNG en IE:

http://homepage.ntlworld.com/bobosola/

El problema ahora (no me habia fijado en el detalle) es que si pongo la direccion de la imagen en IE me redirecciona a la ruta de la imagen no.gif (esta imagen no la tengo yo en el host,deduzco que sera cosa de los del host) pero en cambio si pongo la ruta en FF si me la encuentra..

Un saludo y gracias..

AlZuwaga · #6 (**permalink**) 16/11/2006, 18:59

Cita:

Iniciado por limboings

...pero en cambio si pongo la ruta en FF si me la encuentra

Pues a mi ni el FF ni el IE me la encentra (ambos me redireccionan a no.gif)

limboings · #7 (**permalink**) 17/11/2006, 13:19

Buenas,

Hoy e probado otra vez al direccion de la imagen y no me funciona ni en FF ni en IE,esto me parece solo ami extraño?o a vosotros tambien?Por probar e subido de nuevo la imagen y e probado de nuevo su direccion pero nada,el mismo resultado,me redirecciona a no.gif..

Que hago?Alguna idea?

Un Saludo y gracias!

limboings · #8 (**permalink**) 17/11/2006, 17:02

Buenas,

E estado un buen rato probando y probando..y aunque parezca de los mas extraño e imposible..me funciona la imagen de fondo en css si cargo la imagen antes con un <img> .. es decir,con el mismo css si pongo esto en el html:

Código:

	<a id="c1" href="no.php" ></a>
	<a id="c2" href="no.php"></a>
	<a id="c3" href="no.php"></a>

Este codigo no me funciona,no aparecen las imagenes,solo un recuadro gris..

Pero si pongo esto..

Código:

<img src="imagenes/c1.png" />
<img src="imagenes/c2.png" />
<img src="imagenes/c3.png" />
	<a id="c1" href="no.php" ></a>
	<a id="c2" href="no.php"></a>
	<a id="c3" href="no.php"></a>

Con esto asi,si que me funciona..

Alguien entiende porque si cargo antes las imagenes con img funciona y sino las cargo no funciona???

Un Saludo y gracias!!

limboings · #9 (**permalink**) 17/11/2006, 17:31

Buenas de nuevo,

Decir que lo he solucionado asi:

Código:

        <img src="imagenes/c1.png" id="c1"  />
	<img src="imagenes/c2.png" id="c2" />
	<img src="imagenes/c3.png" id="c3" />

Me pregunto si esto es correcto,esta es la unica manera que he sonsegido que se me vea bien..de cualquier otra manera o me aparecia el punto blanco o el recuadro gris...asi que sea o no sea correcto lo dejare asi a no ser que alguien me diga otra solucion mas correcta..

Igualmente me gustaria que alguien de por aqui me dijera si este codigo que expuse es correcto..

Un Saludo y gracias!!

sjam7 · #10 (**permalink**) 17/11/2006, 17:35

estas usando el script para las transparencias de los png en IE?

limboings · #11 (**permalink**) 17/11/2006, 18:02

Claro,estoy utilizando estas cabeceras:

Código:

<head>
<title>Chriser Miniaturas</title>
<link href="es.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link href="ese.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<script language="JavaScript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;
</script>
<![endif]-->
</head>

un saludo..

sjam7 · #12 (**permalink**) 17/11/2006, 18:13

es que ese script lo que hace es tomar las tags IMG y les aplica el efecto, para poner un png en un background es un poco diferente, checa en mi blog, ahi tengo un ejemplo de eso:
http://blog.creandowebs.com

limboings · #13 (**permalink**) 18/11/2006, 08:23

Buenas,

Si,ese metodo tambien lo utilizo en el css y nada..no me muestra ni siquiera la imagen..me muestra un punto blanco o un recuadro de colro gris..

Un Saludo y gracias!

P.D: Hoy si que me muestra http://chriserminiaturas.ueuo.com/imagenes/c1.png en FF en IE no,esto me parece que es exatrañisimo.. alguien sabe el porque de esto???

limboings · #14 (**permalink**) 18/11/2006, 08:55

Buenas,

La imagen http://chriserminiaturas.ueuo.com/imagenes/c1.png me la mostraba hace unas horas ahora ya no.. estoy descolocadisimo,no entiendo porque ocurre esto..

Otra cosa,el punto blanco que aparece es el no.gif ,al principio no me fije pero hoy me e dado cuenta que no.gif simplemente es un punto blanco..

Un Saludo y gracias!!

limboings · #15 (**permalink**) 18/11/2006, 10:16

Buenas,

Al parecer el problema se origina del host.. en http://usuarios.lycos.es/miniaturaschriser/no.php se ve correctamente sin cambiar nada del codigo que utilizo en http://chriserminiaturas.ueuo.com/ ..Lo unico es que en lycos no me permiten utilizar la funcion mail() de php y no me sirve..por tanto,creo que este post ya no pinta nada aqui,es problema del host,e posteado en el subforo WebHosting haber que me pueden decir..

Muchas gracias a todos por ayudarme con el problema.

Un Saludo!!

sjam7 · #16 (**permalink**) 19/11/2006, 21:48

pero entonces ya quedo?

limboings · #17 (**permalink**) 20/11/2006, 12:23

Pues digamos que si..por que lo probe en lycos y funcionaba perfecto..

Muchas gracias por interesarte..un saludo!

sjam7 · #18 (**permalink**) 20/11/2006, 16:34

y cual fue la solucion?

limboings · #19 (**permalink**) 20/11/2006, 17:41

Ninguna xD la solucion fue cambiar de host..por probar cambie de host y en lycos funcionaba,en cambio donde lo tenia (www.ueuo.com) no.. algo extraño que aun no comprendo..

Un saludo!