Foros del Web » Creando para Internet » Diseño web »

problemas con .PNG

Estas en el tema de problemas con .PNG en el foro de Diseño web en Foros del Web. 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 ...

  #1 (permalink)  
Antiguo 03/11/2008, 07:55
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
problemas con .PNG

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
  #2 (permalink)  
Antiguo 03/11/2008, 08:03
Avatar de oscarsanchez  
Fecha de Ingreso: noviembre-2007
Ubicación: Portugal
Mensajes: 42
Antigüedad: 10 años
Puntos: 0
Respuesta: problemas con .PNG

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..
  #3 (permalink)  
Antiguo 03/11/2008, 08:10
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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.
  #4 (permalink)  
Antiguo 03/11/2008, 08:19
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: problemas con .PNG

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
  #5 (permalink)  
Antiguo 03/11/2008, 13:56
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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;
  #6 (permalink)  
Antiguo 03/11/2008, 17:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

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
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 03/11/2008, 18:09
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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
  #8 (permalink)  
Antiguo 03/11/2008, 18:13
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

¿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?
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 03/11/2008, 18:32
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

lo veo todo azul tanto en firefox como en ie6
  #10 (permalink)  
Antiguo 03/11/2008, 18:40
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

¿Todo azul? ¿no ves tu imagen?

El fondo azul lo he puesto para que veas que efectivamente es transparente en IE.
__________________
Visita mi nueva web idplus.org
  #11 (permalink)  
Antiguo 03/11/2008, 18:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

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.
__________________
Visita mi nueva web idplus.org
  #12 (permalink)  
Antiguo 03/11/2008, 18:57
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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;
  #13 (permalink)  
Antiguo 03/11/2008, 19:02
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

Las rutas dependen de tu estructura, como te indico en el anterior mensaje.
__________________
Visita mi nueva web idplus.org
  #14 (permalink)  
Antiguo 03/11/2008, 19:05
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

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">
<!--
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;
...
</style>
<!--[if lte IE 6]><style>body {behavior: url(../js/iepngfix.htc);}</style><![endif]-->
</head>
Vamos, como puedes ver en el ejemplo.
__________________
Visita mi nueva web idplus.org
  #15 (permalink)  
Antiguo 03/11/2008, 19:23
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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....!
  #16 (permalink)  
Antiguo 03/11/2008, 19:28
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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

Joer tan complicado es esto del png....?
  #17 (permalink)  
Antiguo 04/11/2008, 02:34
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

Cita:
Iniciado por calbart Ver Mensaje
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.
__________________
Visita mi nueva web idplus.org
  #18 (permalink)  
Antiguo 04/11/2008, 06:58
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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...??
  #19 (permalink)  
Antiguo 04/11/2008, 07:33
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: problemas con .PNG

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?
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #20 (permalink)  
Antiguo 04/11/2008, 07:38
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: problemas con .PNG

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?
  #21 (permalink)  
Antiguo 04/11/2008, 07:50
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: problemas con .PNG

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

Aresillo!!
  #22 (permalink)  
Antiguo 04/11/2008, 07:52
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

Cita:
Iniciado por calbart Ver Mensaje
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.
__________________
Visita mi nueva web idplus.org
  #23 (permalink)  
Antiguo 04/11/2008, 07:53
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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
  #24 (permalink)  
Antiguo 04/11/2008, 08:17
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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
  #25 (permalink)  
Antiguo 04/11/2008, 08:27
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

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.
__________________
Visita mi nueva web idplus.org
  #26 (permalink)  
Antiguo 04/11/2008, 08:31
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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 ?
  #27 (permalink)  
Antiguo 04/11/2008, 10:48
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

EDITO para eliminar.
__________________
Visita mi nueva web idplus.org

Última edición por Mikmoro; 04/11/2008 a las 11:01
  #28 (permalink)  
Antiguo 04/11/2008, 10:53
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

Cita:
Iniciado por Aresillo Ver Mensaje
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
__________________
Visita mi nueva web idplus.org
  #29 (permalink)  
Antiguo 04/11/2008, 11:11
 
Fecha de Ingreso: agosto-2008
Mensajes: 117
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: problemas con .PNG

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
  #30 (permalink)  
Antiguo 04/11/2008, 11:46
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con .PNG

Muy bien. A ver si es problema de ellos.

Cita:
Iniciado por Aresillo Ver Mensaje
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.
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:29.