0

tengo mis archivos en una carpeta llamada "Content" de Dropbox con esta estructura:

Content/hojadeestilos.css
Content/index.html
Content/img/paisaje.png

Es muy simple pero no puedo hacer que el index.html aplique el estilo de la hojadeestilos.css

el [index.html] contiene:

< !DOCTYPE html >
< html lang="en" >
< head >
    < meta charset="UTF-8">
    < title>Document</title>
    < link rel="stylesheet" href="hojadeestilos.css" type="text/css">

< /head>
< body>
    < h1>paginad de prueba de estilos</h1>

    <img src="img/paisaje.PNG" alt="paisaje">

    < p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos fugit consequatur tempore corrupti ipsa velit sequi possimus, beatae sed, amet dolores fugiat nobis deleniti, officia, doloribus eveniet inventore molestiae quisquam.</p>



</body>
< /html >

y [hojadeestilos.css] contiene:

p{
    background-color: lightblue;
}

La imagen tampoco la toma cuando veo la pagina en el navegador. Si arrastro el achivo al navegador funciona todo. Si agrego el estilo dentro de etiquetas <style> dentro del <head> tambien funciona.

Alguien sabe que podrá ser?

4
  • 1
    Es decir, no funciona cuando lo abres desde Dropbox?
    – Ilsanchez
    el 16 mar. 2019 a las 21:34
  • Si abres la consola te dará error 404 en los archivos que no encuentra, mira a ver qué ruta está escribiendo el 16 mar. 2019 a las 22:27
  • Tu html no puede funcionar. no es válido. Por favor quita los espacios de las etiquetas: por ejemplo <!DOCTYPE html> en lugar de < !DOCTYPE html >
    – enxaneta
    el 17 mar. 2019 a las 8:39
  • 1
    Creo que eso se debe a como lo ha copiado, comenta que en el navegador sí que funciona, yo creo que los tiros van más por qué las urls en Dropbox son distintas, puede que no sean relativas al documento html
    – Ilsanchez
    el 17 mar. 2019 a las 11:34

1 respuesta 1

0

como bien a comentado Enxaneta el fichero html no es valido. Para que sea valido debes quitar los espacios en las etiquetas.

Debe de quedar algo así:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="hojadeestilos.css" type="text/css">

</head>
<body>
    <h1>paginad de prueba de estilos</h1>

    <img src="img/paisaje.PNG" alt="paisaje">

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos fugit consequatur tempore corrupti ipsa velit sequi possimus, beatae sed, amet dolores fugiat nobis deleniti, officia, doloribus eveniet inventore molestiae quisquam.</p>


</body>
</html> 

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.