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:
Ahora he puesto algo más sofisticado:<html> <head> <link rel="stylesheet" type="text/css" href="css/nueva.css" media="screen" /> </head> <body> ..... </body> </html
Código:
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<!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>
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