Foros del Web » Creando para Internet » CSS »

.png en IE (novato). dónd está mi error?

Estas en el tema de .png en IE (novato). dónd está mi error? en el foro de CSS en Foros del Web. Llevo un par de días leyendo posts y artículos y recibiendo ayuda de la gente del foro. Vuelvo a comentar, ya que la cosa se ...
  #1 (permalink)  
Antiguo 19/01/2007, 10:33
 
Fecha de Ingreso: noviembre-2006
Mensajes: 42
Antigüedad: 19 años, 7 meses
Puntos: 0
.png en IE (novato). dónd está mi error?

Llevo un par de días leyendo posts y artículos y recibiendo ayuda de la gente del foro. Vuelvo a comentar, ya que la cosa se me está liando bastante, y a ver si empezando desde el principio me aclaro algo más. Mi problema que es el típico de que un png no lo lee el I.E. 6.0. Si alguien me puede explicar de una manera MUY BÁSICA cómo seguir los pasos (apenas estoy aprendiendo por mi cuenta y en diseño voy bien pero con código estoy muy verde). En este momento tengo mi imagen en .png en el archivo index.htm y edité un script llamado png.js (este último dependiendo dónde leía lo he cambiado para ir probando). También he intentado pasar el logo a .gif sin perder resolución, pero algo sí he perdido así que estoy empeñado en conseguir poner el dichoso png y que cualquier ie 6.0 lo vea!!!

Este es el código de mi index.htm (que es una página muy básica de "en construcción"):

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http;/w_w_w,w3,org/TR/html4/loose.dtd">
<html>
<head>
<title>Marie Stopes M&eacute;xico A.C.</title>
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="png.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.Estilo3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14;
}
-->
</style>
<link href="estilo2.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Estilo4 {
	font-size: 20px;
	font-weight: bold;
}
-->
</style>
</head>

<body>
<table width="109%" height="401"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="25%" height="124" bgcolor="#0066CC"><img src="imagenes/blancopng3.png" width="199" height="67"></td>
    <td width="75%" bgcolor="#0066CC"><div align="right">
      <div id="Layer1" style="position:absolute; width:469px; height:31px; z-index:1; left: 242px; top: 80px;">
        <div align="left"><span class="Estilo3">P&Aacute;GINA EN CONSTRUCCI&Oacute;N, DISCULPEN LAS MOLESTIAS </span></div>
      </div>
      <img src="imagenes/construccion.gif" width="80" height="80"></div></td>
  </tr>
  <tr valign="top">
    <td colspan="2"><div align="center">
      <p>&nbsp;</p>
      <p align="justify" class="Estilo4"> Marie Stopes M&eacute;xico A. C. es una organizaci&oacute;n dedicada a asegurar el derecho humano fundamental de tener hijos por elecci&oacute;n, no por azar, mediante la promoci&oacute;n de la informaci&oacute;n y los Servicios de Salud Sexual y Reproductiva en M&eacute;xico con principal atenci&oacute;n a la poblaci&oacute;n que m&aacute;s lo necesita. Pueden informarse de estos servicios en cualquiera de nuestros centros ubicados en el Estado de Chiapas: </p>
      <p>&nbsp;</p>
      <p align="center" class="estilo2">SAN CRIST&Oacute;BAL </p>
      <p align="center" class="estilo2">Calle 12 de Octubre # 21 </p>
      <p align="center" class="estilo2">Barrio de la Merced</p>
      <p align="center" class="estilo2">Tel. (967)678-01-78 </p>
      <p align="center">&nbsp; </p>
      <p align="center" class="estilo2">Perif&eacute;rico Norte Poniente # 25-A </p>
      <p align="center" class="estilo2">Frente al Fraccionamiento </p>
      <p align="center" class="estilo2">Bosques del Pedregal </p>
      <p align="center" class="estilo2">Tel. (044) 967-683-50-26 </p>
      <p align="center">&nbsp;</p>
      <p align="center" class="estilo2">TUXTLA GUTI&Eacute;RREZ </p>
      <p align="center" class="estilo2">3&ordf; Oriente Sur # 620 </p>
      <p align="center" class="estilo2">Tel. (961) 614-57-77 </p>
      <p align="center">&nbsp; </p>
      <p align="center" class="estilo2">COMIT&Aacute;N </p>
      <p align="center" class="estilo2">3&ordf; Av. Oriente Sur # 39 </p>
      <p align="center" class="estilo2">Barrio de Jesusito </p>
      <p align="center" class="estilo2">Tel. (963)632-15-95 </p>
      <p align="center">&nbsp; </p>
      <p align="center" class="estilo2">OCOSINGO </p>
      <p align="center" class="estilo2">Av. Central Oriente # 131 </p>
      <p align="center" class="estilo2">Barrio de Candelaria </p>
      <p align="center" class="estilo2">Entre 3&ordf; y 4&ordf; Ote. Sur </p>
      <p align="center">&nbsp; </p>
      <p align="center" class="estilo2">FRONTERA COMALAPA </p>
      <p align="center" class="estilo2">Av. Belisario Dom&iacute;nguez # 22 </p>
      <p align="center" class="estilo2">2&ordm; Piso, Zona Centro </p>
      <p align="center" class="estilo2">Mail: <a href="mailto:[email protected]">[email protected] </a></p>
      <p align="center">&nbsp; </p>
      <p align="center" class="estilo2">TAPACHULA </p>
      <p align="center" class="estilo2">8&ordf; Sur #88 </p>
      <p align="center" class="estilo2">Esquina con 8&ordf; Pte. </p>
      <p align="center" class="estilo2">Planta alta </p>
    </div></td>
  </tr>
</table>
</body>
</html>
Y este es el código del png.js:

Código:
<!--[if gte IE 5.5000]>
<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>
<![endif]-->

Imagino que de tantas cosas que he leído y como no tengo mucha idea de lo de programa en código estaré haciendo alguna burrada... pero alguien me podría ayudar a ver cuál es???
Gracias
  #2 (permalink)  
Antiguo 20/01/2007, 10:28
Avatar de sjam7  
Fecha de Ingreso: diciembre-2001
Ubicación: Guadalajara, Mexico
Mensajes: 3.672
Antigüedad: 24 años, 5 meses
Puntos: 16
Re: .png en IE (novato). dónd está mi error?

pues no se, ya intentaste cambiando la condicionante del if?
es decir, ponerla como lte 6 o algo asi?
para mas info sobre las condicionantes lee esto:
http://www.webtaller.com/construccio...de-IE-html.php
  #3 (permalink)  
Antiguo 21/01/2007, 15:25
Avatar de bhagat  
Fecha de Ingreso: julio-2002
Ubicación: Granada
Mensajes: 469
Antigüedad: 23 años, 10 meses
Puntos: 7
Re: .png en IE (novato). dónd está mi error?

Hola, mira este enlace a ver si te puede ayudar en algo y luego comentas que tal te fué

Arreglo rápido para los PNG en Internet Explorer 6
http://www.webmasterlibre.com/2006/1...et-explorer-6/
__________________
Por prudencia, la palabra SIEMPRE,
no la deberiamos usar NUNCA

Bhagat Dominguez
www.percusioncreativa.com
  #4 (permalink)  
Antiguo 22/01/2007, 11:49
 
Fecha de Ingreso: noviembre-2006
Mensajes: 42
Antigüedad: 19 años, 7 meses
Puntos: 0
Re: .png en IE (novato). dónd está mi error?

Gracias a los dos por responderme, pero los resultados no han sido muy buenos

1.-Sjam7, metí el condicional como me dijiste, así que mi código quedó así:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http:/w_w_w.w3,org/TR/html4/loose.dtd">
<html>
<head>
<title>Marie Stopes M&eacute;xico A.C.</title>
<!--[if lt IE 6]>
<script defer type="text/javascript" src="png.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
y el png.js queda igual. no hay cambios en el ie6,

SERA QUE MI PROBLEMA ES QUE EL AL ESCRIBIR EL CODIGO EN EL INDEX.HTM Y EL PNG.JS ESTA MAL EN ALGO??? SUPONGO QUE POR AHI VA EL ASUNTO, NO?


2.-bhagat: hice lo que decía la página (que prometía bastante). Cargué en el dominio iepngfix.htc junto con una imagen transparente que venía en el archivo (blank.gif). edite en el iepngfix.htc donde venia mi imagen y el codigo quedo asi en este archivo el codigo quedo asi:

Código:
// This must be a path to a blank image. That's all the configuration you need.
if (typeof blankImg == 'undefined') var blankImg = 'imagenes/blank.gif';
EN QUE ME EQUIVOQUE EN ESTE PASO????

Esta cosa me está ya poniendo de los nervios. Estoy por empezar a rezar a San Cucufato para que todo el mundo deje de usar el pinche Ie6 y se pase al 7 o al FF!!!Dado que esto de modificar con javascript o por código no se me está dando muy bien que digamos...

Muchas gracias a los dos
  #5 (permalink)  
Antiguo 22/01/2007, 12:15
Avatar de bhagat  
Fecha de Ingreso: julio-2002
Ubicación: Granada
Mensajes: 469
Antigüedad: 23 años, 10 meses
Puntos: 7
Re: .png en IE (novato). dónd está mi error?

Por lo que se, los condicionales de explorer ( IF IE6, etc) son para CSS y no para otro tipo de código,(JS, HTML, otros) pero con microsoft hemos topado y vete tu a saber.

¿Has visto las soluciones que aparecen en el anterior post que envié?

__________________
Por prudencia, la palabra SIEMPRE,
no la deberiamos usar NUNCA

Bhagat Dominguez
www.percusioncreativa.com
  #6 (permalink)  
Antiguo 22/01/2007, 13:04
 
Fecha de Ingreso: noviembre-2006
Mensajes: 42
Antigüedad: 19 años, 7 meses
Puntos: 0
Re: .png en IE (novato). dónd está mi error?

vaya, ahí está uno de mis errores. sí, vi la página a la que me mandaste y por eso cambié el código a "[if lt IE 6]>" como se indicaba, pero lo hice en mi archivo html, no en uno css. Cómo hago para crear un archivo css tan sólo para este problema?
Gracias
  #7 (permalink)  
Antiguo 20/02/2007, 15:58
Avatar de _minimalnet_  
Fecha de Ingreso: diciembre-2006
Ubicación: Valencia
Mensajes: 302
Antigüedad: 19 años, 5 meses
Puntos: 6
Re: .png en IE (novato). dónd está mi error?

http://www.webmasterlibre.com/2006/1...et-explorer-6/

A mi el truco este me ha funcionado de maravilla, lo único q has de colocar los archivos "iepngfix.htc" y "blank.gif" que te dan en el directorio general de la web porque sino no funciona, además copiar esto en tu css "img { behavior: url(iepngfix.htc); }" y también indicar el ancho y alto de la foto para que no de problemas.
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 10:45.