Internet Explorer no muestra imagen, Firefox sí

F

Hola, antes de nada quisiera que no me tomarais como diseñador profesional ni intento de éste. Le estoy haciendo una página web a un amigo. La cosa es que quiero poner un logo, una imagen sencilla vamos, que se me muestra en Firefox, pero no en Internet Explorer.

La etiqueta que uso para mostrarla es <img src="./img/header.jpg">, pero ya os digo que lo he intentado todo dentro de mi escaso nivel de desarrollo web bastante oxidado.

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Tocame la polla S.A.</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="encabezado">
<img src="./img/header.jpg"></img>
</div>

<div id="enlaces">
<a href="home.htm" target="content">Inicio</a>
<a href="content.htm" target="content">La empresa</a>
<a href="link2.htm" target="content">El servicio</a>
<a href="link3.htm" target="content">Nuestro compromiso</a> <a href="link4.htm" target="content">Contacto</a>
</div>
</body>
</html>

Es posible que el trozo de código contenga errores, si no os importa comentármelos.

Gracias

Actualización:

Tras crear otra imagen y ponerle de extensión .PNG en lugar de .JPG, Internet Explorer comenzó a funcionar como debería.

eXtreM3

<div id="encabezado">
<img src="./img/header.jpg"></img>
</div>

Para empezar la etiqueta <img> no hace falta cerrarla. Prueba a quitar el </img>

Y si sigue sin ir... prueba a quitar el ./ , es decir, déjalo así:

<div id="encabezado">
<img src="img/header.jpg" />
</div>

Tiene que funcionar sí o sí ;)

F

Lo que he hecho ha sido crear otra imagen y ponerle .png en lugar de .jpg, ha funcionado sin tocar nada de código. Muchas gracias de todas formas por el aporte y ahora mismo quito el cierre de la etiqueta IMG. :palm:

GamA

#2 En XHTML si hace falta cerrarla pero se cierra así:

<img src="..." />

En HTML puro no, no hace falta, pero bueno, eso ya es del siglo pasado :P. Ya de hacer las cosas hacerlas bien jeje.

De todas formas con respecto a la duda inicial, las rutas no necesitan ./ , ya que . significa la propia carpeta, pero si no se pone y dejas / significaría una ruta absoluta en máquinas linux. Entonces tendrías dos opciones:

<img src="./img/foto.jpg" />

o

<img src="img/foto.jpg" />

Ambas son iguales, pero si se te olvida el punto en la de arriba no verás la imágen :(.

10 días después
U

receurda k IE6 tiene problemas con los PNG si tienen trasparencias :)

Usuarios habituales