Autor Tema: la página web no muestra los cambios hechos en archivo CSS no se ve background  (Leído 5474 veces)

bertander

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 1
    • Ver Perfil
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: [Seleccionar]
<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: [Seleccionar]
.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
« Última modificación: 20 de Noviembre 2015, 12:11 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Re:Problema con archivo CSS
« Respuesta #1 en: 20 de Noviembre 2015, 12:11 »
Hola, el CSS muchas veces queda cacheado y los cambios que hagas no se reflejan en tu navegador hasta que hagas un refresco completo (normalmente suele ser suficiente con pulsar CTRL+F5)

Te recomiendo seguir estas referencias:

Curso HTML: http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=69&Itemid=192

Curso CSS: http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=75&Itemid=203

Curso JavaScript: http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=78&Itemid=206

Salu2

DRANXZ88

  • Avanzado
  • ****
  • Mensajes: 356
    • Ver Perfil
Y todo tu documento esta en el mismo directorio si no es así tu link tenes que modificar para cada uno.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".