Gracias por contestar, pero el misterio continúa. He creado una web nueva, con una carpera de imágenes y otr apara css, para que no hubiera dudas, y les he metido las imagenes en una y la hoja css en la otra dejando el index fuera.
¡Pasa lo mismo!
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>RESERVA PRIVADA LA CEIBA</title>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<link href="/css/estilo3.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="top"><img src="images/logo_home.gif" width="170" height="140"></div>
<div id="leftnav">
<img src="/images/welcome-excursines_off.gif" name="Image1" width="150" height="80" id="Image1" /></div>
<div id="rightnav">
<img src="/css/welcome_lodge_off.gif" width="150" height="80" /></div>
<div id="content">
<img src="/images/welcome_reserva_off.gif" width="150" height="80" /></div>
</body>
</html>
Código:
#top
{
width: 170px;
margin: 0 auto;
}
#leftnav
{
float: left;
width: 150px;
padding: 1em;
}
#rightnav
{
float: right;
width: 150px;
padding: 1em;
}
#content
{
padding: 1em;
width: 150px;
margin: 0 auto;
}
#footer
{
clear: both;
margin: 0 auto;
padding: 0.5em;
}
/* CSS Document */