Foros del Web - Ver Mensaje Individual - Problema con mi CSS en Navegador Explorer

kseso? · #4 (**permalink**) 01/10/2009, 05:04

Al ser una imagen relevante (y tanto, pues es lo único que ve el usuario), no deberías colocarla via css como fondo.
Debería estar incluida vía "<img src=".../>" en el html.
Y para eso no necesitas tanta tabla y mapa de imagen.
Compara la diferencia de código:

Código html:

Ver original<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>Kseso? jugando con css</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> 
<style type="text/css">
* {margin: 0; border: 0; padding: 0;}
body {
background: #e6e6f6;
}
#index h1 a img {
background: #e6e6f6;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
margin-top: -72px;
margin-left: -102px;
z-index: 20;
}
#index h1 a span {
font-size:0.5em;
left:50%;
margin-left:-7em;
margin-top:-1em;
position:absolute;
top:50%;
z-index:10;
}
</style>
</head>
<body id="index">
  <h1>
    <a href="html/dear_traveller.html"><img src="http://www.ecuadortravel.travel/html/images/start.gif" alt="logotipo" />
      <span>ENTRAR a Ecuadortravel</span>
    </a>
  </h1>
</body>
</html>

Al ser un png transparente hay que añadir algo más al span.

Ahora prueba a no cargar las imágenes, o en css, o ambos, y verás que tus visitantes siguen pudiendo entrar.

De todas formas, la tendencia es a no utilizar una página sólo para entrar.

Un saludo