problemas con .PNG

calbart · #1 (**permalink**) 03/11/2008, 07:55

ya se que este tema sea hablado en el foro, pero ninguna de las soluciones a podido que mi .png con transparencia funcione bien en IE5 y IE6. Así que os paso el código que utilizo en mi html, haber si por favor alguien me puede decir como se coloca el script pata que funcione, se que hay que subir el archivo .js pero no se si lo hago mal o no lo entiendo el caso es que hago todo lo que dicen y nada el .png se ve mal con tono rosa en IE... Indicar que la imagen que utilizo es como fondo de imagen el nombre es:
url(picture_library/pictures/galleries.png);

Gracias

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<LINK REL="SHORTCUT ICON" HREF="faviconhank.ico">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="hank.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
 background-image: url(picture_library/pictures/galleries.png);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}
.Estilo1 {font-size: 1px}
-->
</style>
</head>
<body>
<div align="center"><form name="combowithtext">
  <p align="center">
  <select name="example" size="1" class="text" onChange="showtext()">
    <option value="">Galleries Hank, for your enjoyment.</option>

    <option value="hank1.html">Hank and Peewit63 at the Shore</option>
  </select>
  </p>
  <p align="center">
    <input type="button" class="text"
onClick="gothere()" value=":: ir ::">
    <br>
    <script language="JavaScript" type="text/javascript">
<!--

var shortcut=document.combowithtext
var descriptions=new Array()

shortcut.text.value=descriptions[shortcut.example.selectedIndex]
function gothere(){
location=shortcut.example.options[shortcut.example.selectedIndex].value
}
//-->
  </script>
    

</p>
</form></div>
</body>
</html>

Mandarme este código otra vez con la modificación, gracias

oscarsanchez · #2 (**permalink**) 03/11/2008, 08:03

Solo una preguntita...
¿Esto es para que los PNG a 24 se puedan ver sin ese borde gris alrededor en los navegadores mas antiguos?

Gracias, disculpa mi ignorancia..

calbart · #3 (**permalink**) 03/11/2008, 08:10

Bueno lo de 24 me imagino que te refieres a los bit, es el guardado de photoshop cs3, solo se que guarda con la misma calidad que jpg y si es para el dichoso gris rosa o como se llame.

Pero ya te digo que he probado de todo y yo pienso que soy un burrete y pongo el código mal, pues no puede ser tan facil como dicen y a mi carajos no me sale.

Gracias amigo.

Aresillo · #4 (**permalink**) 03/11/2008, 08:19

Ayer mismo lo solucioné en mi web! jejej

A ver te explico:
Entre <head> y </head> ponemos esto:

Código:

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="../common/pngfix.js"></script>
<![endif]-->

Te bajas este fichero(botón derecho guardar como)

Después comprueba que la ruta esté bien...

Listo!

Aresillo!!
PD: Solución mediante javascript

calbart · #5 (**permalink**) 03/11/2008, 13:56

Mira e subido el archivo en la ruta: picture_library/pictures/pngfix.js

lo puedes ver en :
http://www.carlosbartual.com/galleries1.html

Y el código lo he puesto después del primer head pero nada míralo tu mismo puede ser que sea por ser una imagen de fondo, a lo mejor si estubiera en una celda o tabla igual si que iba... no se.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="picture_library/pictures/pngfix.js"></script>
<![endif]-->
<LINK REL="SHORTCUT ICON" HREF="faviconhank.ico">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="hank.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
   background-image: url(picture_library/pictures/galleries.png);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;

Mikmoro · #6 (**permalink**) 03/11/2008, 17:51

A ver si este ejemplo te da una idea de cómo hacerlo mediante el archivo iepngfix.htc

http://www.araudi.net/forosdelweb/calbart.html

calbart · #7 (**permalink**) 03/11/2008, 18:09

hola he probado tu código sale en azul y si elimino el : #00f sale la transparencia pero en azul o sin el gris sigue saliendo

Mikmoro · #8 (**permalink**) 03/11/2008, 18:13

¿Pero te has bajado el archivo iepngfix.htc y le has dado la dirección correcta?
¿En el ejemplo en mi servidor lo ves mal?

calbart · #9 (**permalink**) 03/11/2008, 18:32

lo veo todo azul tanto en firefox como en ie6

Mikmoro · #10 (**permalink**) 03/11/2008, 18:40

¿Todo azul? ¿no ves tu imagen?

El fondo azul lo he puesto para que veas que efectivamente es transparente en IE.

Mikmoro · #11 (**permalink**) 03/11/2008, 18:54

Bueno, te he hecho el ejemplo para que comprobaras que efectivametne el iepngfix.htc funciona en IE6, y para que te orientaras y luego buscaras información sobre ese script.

Haz esto:

- crea una carpeta llamada "js" y otra llamada "img"
- bájate el archivo calbart.html y ponlo en el raiz
http://www.araudi.net/forosdelweb/calbart.html

- bájate el archivo iepngfix.htc y ponlo en la carpeta js
http://www.araudi.net/js/iepngfix.htc

- bájate el archivo blank.gif y ponlo en la carpeta img
http://www.araudi.net/img/blank.gif

Pruébalo ahora.

calbart · #12 (**permalink**) 03/11/2008, 18:57

Ah ok, bueno llevo un cacao de códigos....

haber en el código que te mando por favor mete me el script correctamente, la ruta de la imagen y del archivo .js debe ser la misma:
picture_library/pictures/galleries.png
picture_library/pictures/iepngfix.htc
Mándame el link del archivo pues no lo he bajado.Y perdona pero con tanto codigo estoy mareado.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<LINK REL="SHORTCUT ICON" HREF="faviconhank.ico">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="hank.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
 background-image: url(picture_library/pictures/galleries.png);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;

Mikmoro · #13 (**permalink**) 03/11/2008, 19:02

Las rutas dependen de tu estructura, como te indico en el anterior mensaje.

Mikmoro · #14 (**permalink**) 03/11/2008, 19:05

Si haces la esctructura de carpetas que te he dicho ariiba es sencillamente esto:

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<LINK REL="SHORTCUT ICON" HREF="faviconhank.ico">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="hank.css" rel="stylesheet" type="text/css">
<style type="text/css">

</head>

Vamos, como puedes ver en el ejemplo.

calbart · #15 (**permalink**) 03/11/2008, 19:23

Mira e subido tu archivo iepngfix.htc dentro de una carpeta llamada js en la raiz

E colocado el código como dices y esto es lo que pasa:

http://www.hank11215.co.cc/galleries1.html

Mi cliente es americano... una web algo especial....!

calbart · #16 (**permalink**) 03/11/2008, 19:28

sigo con el rosa de la maldita mascara pero ahora no sale el menú desplegable...

Joer tan complicado es esto del png....?

Mikmoro · #17 (**permalink**) 04/11/2008, 02:34

Cita:

Iniciado por calbart

Mira e subido tu archivo iepngfix.htc dentro de una carpeta llamada js en la raiz

E colocado el código como dices y esto es lo que pasa:

http://www.hank11215.co.cc/galleries1.html

Mi cliente es americano... una web algo especial....!

¿Pero dónde estás poniendo ahí la llamada al htc? ¿no ves que no lo llamas de ninguna manera, que no has puesto el comentario condicional para IE? Vamos, que no estás mirando para nada el ejemplo ni imitándolo, ni siquiera al menos poniendo el código que he puesto sobre el tuyo, y te quejas de que no funciona. La verdad que no te entiendo.

calbart · #18 (**permalink**) 04/11/2008, 06:58

http://www.hank11215.co.cc/calbart.html

Ya lo subí pero vi que no funcionaba. ahora compruébalo tu mismo, Lo azul lo entiendo si te fijas en el IE se be lo gris... o por lo menos en mi ordenador se be. Otra cosa es que mi ordenador este mal o algo así.

Perdona si te e dado la sensación de que no te hago caso porque si te lo hago. pero es que estoy aburrido ya de este tema que no hay manera.

Muchísimas gracias por tu ayuda, para nada paso de ti y si te e ofendido, discúlpame. de verdad.

Para tu ejem:

e creado las carpetas con los archivos que me indicas, he subido el html y lo puedes ver.

Puede que sea mi ordenador...??

kseso? · #19 (**permalink**) 04/11/2008, 07:33

Pregunta obvia:
Una vez subidos los archivos nuevos a tu servidor:
¿actualizas el navegador borrando caché y demás para forzarlo a que cargue y muestre la página modificada?

Aresillo · #20 (**permalink**) 04/11/2008, 07:38

No funciona porque creo que tienes mal puesta la ruta!
en el codigo de htc quita en la ruta esto: "../"
He estado mirando y no puedo acceder al archivo según la ruta que dices...

Ya nos comentas...

Aresillo!!
PD:Mikmoro, que diferencia hay entre el htc que usas y el js que utilizo yo? que el js no vale para backgrounds?

Aresillo · #21 (**permalink**) 04/11/2008, 07:50

Rectifico...
Mikmoro, lo estoy probando y nada...no funciona...
Tampoco con mi js...

Aresillo!!

Mikmoro · #22 (**permalink**) 04/11/2008, 07:52

Cita:

Iniciado por calbart

Perdona si te e dado la sensación de que no te hago caso porque si te lo hago. pero es que estoy aburrido ya de este tema que no hay manera.

Muchísimas gracias por tu ayuda, para nada paso de ti y si te e ofendido, discúlpame. de verdad.

No te preocupes, no me ofendo en absoluto, más bien me resulta desconcertante.

Mira, no creo que sea tu ordenador, pero has hecho algo muy extraño: en esta direccón parece estar el archivo .htc en cuestión:

http://www.hank11215.co.cc/js/iepngfix.htc

Pero si pinchas verás que está en blanco.

calbart · #23 (**permalink**) 04/11/2008, 07:53

Puede que no accedas por que la dirección web esta dirigida a un subdominio llamado:
http://hank11215.xtreemhost.com

http://hank11215.xtreemhost.com/calbart.html
http://hank11215.xtreemhost.com/js/iepngfix.htc
http://hank11215.xtreemhost.com/img/blank.gif

calbart · #24 (**permalink**) 04/11/2008, 08:17

Una cosa me extraña que en la ruta del subdominio no aparezca el archivo....

en cambio en mi servidor su que sale:

http://www.carlosbartual.com/js/iepngfix.htc
http://www.carlosbartual.com/calbart.html
http://www.carlosbartual.com/img/blackgif

Puede ser que al ser un subdominio el html de calbart no encuentre el archivo.... aunque en el ejemplo de antes la imagen si que se be!

http://hank11215.xtreemhost.com/calbart.html

si os sirve de algo:

Temporary URL: http://hank11215.xtreemhost.com
Co.cc URL: http://hank11215.co.cc
Document Root : /home/vol4/xtreemhost.com/xth_2563158/htdocs

Mikmoro · #25 (**permalink**) 04/11/2008, 08:27

En esta dirección:

http://hank11215.xtreemhost.com/js/iepngfix.htc

el archivo sigue saliendo en blanco.

Es posible que esa carpeta no tenga permisos de lectura ni de ejecución, y que sólo puedas alojar y ejecutar scripts en una carpeta concreta de tu servidor.

calbart · #26 (**permalink**) 04/11/2008, 08:31

sacado el archivo a la raiz
iepngfix.htc

a pelo y tampoco se ve creo que el servidor o bloquea la extension .htc

el caso es que en mi web si que funciona

en ella no sale ese fondo gris.... por cierto si estamos hablando de png porque has puesto un Gif ?

Mikmoro · #27 (**permalink**) 04/11/2008, 10:48

EDITO para eliminar.

Mikmoro · #28 (**permalink**) 04/11/2008, 10:53

Cita:

Iniciado por Aresillo

Rectifico...
Mikmoro, lo estoy probando y nada...no funciona...
Tampoco con mi js...

¿Has probado a seguir los pasos del mensaje número 11?:

http://www.forosdelweb.com/f91/probl...4/#post2646452

calbart · #29 (**permalink**) 04/11/2008, 11:11

Si claro es lo que puedes ver en mi web:

http://www.carlosbartual.com/calbart.html

Y funciona.

pero en el otro servidor ese americano no. pienso que es ya cosa del servidor les e mandado una cuestión.

Pero vaya lo que es a mi problema tu lo has solucionado solo me queda adaptarlo bien a la web y ver porque narices ese servidor no reconoce la carpeta js

Mikmoro · #30 (**permalink**) 04/11/2008, 11:46

Muy bien. A ver si es problema de ellos.

Cita:

Iniciado por Aresillo

que diferencia hay entre el htc que usas y el js que utilizo yo? que el js no vale para backgrounds?

Pues no lo sé, porque nunca he usado ese script, y no puedo decirte. He leido cosas, pero no recuerdo.