Buenas,
estoy desarrollando una web mediante xhtml y css.
Empecé con el código css y un html muy básico, sin haber definido la cabecera del html en profundidad.
Ahora que estoy acabando, me he puesto a hacer una cabecera xhtml "rigurosa" y me ha dado problemas: la imagen de fondo que estaba usando ahora no aparece.
Antes tenía algo sencillo:
Código:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/nueva.css" media="screen" />
</head>
<body>
.....
</body>
</html
Ahora he puesto algo más sofisticado:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head profile="http://www.w3.org/2005/11/profile">
<meta http-equiv="Content-Language" content="es" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/nueva.css" media="screen" />
</head>
El archivo CSS no ha cambiado y la imagen está en su sitio, pero si hago este cambio simplemente no aparece. Por lo demás la apariencia de la página no varía, simplemente esas imágenes no aparecen
Los trozos del CSS donde se referencian las imágenes son:
Código:
body {
font-family: Arial, Helvetica, sans-serif;
//font-family: "Times New Roman";
font-size: 0.8em;
font-weight: normal;
color: #fff;
background:#f7fbef url(../images/body-pattern.jpg) no-repeat
}
Código:
#textos {height: 100%;
background: #fafeed url(../images/body2.png) no-repeat center;
//margin-top: 30px;
//margin-left: 130px;
//background: #f7fbef url(../images/body-bg1.jpg) no-repeat
}
¿Alguien sabe dónde está el problema y cúal es la solución?
Un saludo