[SOLUCIONADO] la página web no muestra los cambios hechos en archivo CSS no se ve background

bertander · #1 (**permalink**) 20/11/2015, 05:23

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

oscaar90 · #2 (**permalink**) 20/11/2015, 05:46

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 !