Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/01/2007, 10:33
yosi666
 
Fecha de Ingreso: noviembre-2006
Mensajes: 42
Antigüedad: 17 años, 4 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