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é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ÁGINA EN CONSTRUCCIÓ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> </p>
<p align="justify" class="Estilo4"> Marie Stopes México A. C. es una organización dedicada a asegurar el derecho humano fundamental de tener hijos por elección, no por azar, mediante la promoción de la información y los Servicios de Salud Sexual y Reproductiva en México con principal atención a la población que más lo necesita. Pueden informarse de estos servicios en cualquiera de nuestros centros ubicados en el Estado de Chiapas: </p>
<p> </p>
<p align="center" class="estilo2">SAN CRISTÓ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"> </p>
<p align="center" class="estilo2">Perifé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"> </p>
<p align="center" class="estilo2">TUXTLA GUTIÉRREZ </p>
<p align="center" class="estilo2">3ª Oriente Sur # 620 </p>
<p align="center" class="estilo2">Tel. (961) 614-57-77 </p>
<p align="center"> </p>
<p align="center" class="estilo2">COMITÁN </p>
<p align="center" class="estilo2">3ª 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"> </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ª y 4ª Ote. Sur </p>
<p align="center"> </p>
<p align="center" class="estilo2">FRONTERA COMALAPA </p>
<p align="center" class="estilo2">Av. Belisario Domínguez # 22 </p>
<p align="center" class="estilo2">2º Piso, Zona Centro </p>
<p align="center" class="estilo2">Mail: <a href="mailto:[email protected]">[email protected] </a></p>
<p align="center"> </p>
<p align="center" class="estilo2">TAPACHULA </p>
<p align="center" class="estilo2">8ª Sur #88 </p>
<p align="center" class="estilo2">Esquina con 8ª 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