Cita:
Iniciado por bertander 
Buenas, os comento, estoy empezando a programar en HTML y tengo que hacer una página formada por 4 htmls(les llamamos index,perro,gato y tigre por poner un ejemplo)
El caso es que quiero poner una imagen de fondo, y solo uno de los archivos html me reconoce el css. En el archivo perro.html tengo puesto esto:
Código:
<html>
<head>
<title>Perro</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link
rel="stylesheet"
type="text/css"
href="..\public_html\estilos.css"/>
</head>
<body class="cuerpo">
En el archivo CSS creo .cuerpo y pongo esto entre las llaves. La imagen de la URL se pone como fondo de "Perro.html".
Código:
.cuerpo{
background: url("../imagenes/fondo.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
El problema llega cuando en otro archivo HTML, por ejemplo en tigre.html, copio exactamente lo mismo en la cabecera y le referencio al mismo archivo .css y no hay manera de enlazarlo. Ni se pone la imagen de fondo, ni hace caso a cualquier cosa que pueda escribir en el archivo css. Llevo ya cerca de 1 hora comiéndome la cabeza y no hay manera, a ver si alguien sabe la solución...
Muchas gracias
Buenas,
tu problema creo que viene de directorios.
Fijate, en perro.html tienes
href="..\public_html\estilos.css"/>
Te vas a la raiz de tu pagina web.
Y en el fichero css.
../imagenes/fondo.png
No se si estás en la raiz con ../imagenes/ o estás en otra subcarpeta.
El problema te viene de la estructura de carpetas, fijate bien y cuadralo.
Ya nos diras !