¿Por qué no carga la imagen en css?
Hola buen dia. Soy nueva en esto de programar y todas las soluciones que encontre en google no me funcionaron.La imagen no carga ni en html ni en css.Qué estoy haciendo mal?
<html>
<head>
<tittle>Manuscripto digital</tittle>
<link rel="stylesheet" type="text/css" href="style.css">
<div class="header">
<div class="header-content">
<div class="heder.filter">
<h1>Manuscriptos digitales</h1>
<div class="header"-content-tittle>
</div>
</head>
<body>
<div class="header">
<div class="border"></div>
</div>
<div class="content">
</div>
</body>
</html>
body{
margin:0;
}
.header{
widht:100%;
height: 718px;
background-image: url("./img/img.jpg");
background-size:cover;
background-position: center bottom;
}
emilianomontani Mod
Hola.
Hice una carpeta llamada prueba y dentro hice un archivo "index.html" con tu código html.
Luego creé un archivo style.css (en la misma carpeta) y por último dentro de la carpeta, creé una carpeta llamada
img, dentro coloqué una foto llamada img.jpg
Cargó sin problemas.
Creo que quizás el problema es que no te tengas correctamente ubicados los archivos Style o la imagen.
Revisa eso.
Espero haberte sido de ayuda.
Un saludo.
RankX
Hola, coincido con Emiliano Montani, posiblemente sea la ruta de la imagen/estilos css.
saludos
evginformatica
Hola
El problema viene que has puesto un bloque en el head y debes ponelo mas abajo.. en el body
en vez de poner
<html>
<head>
<tittle>Manuscripto digital</tittle>
<link rel="stylesheet" type="text/css" href="style.css">
<div class="header">
<div class="header-content">
<div class="heder.filter">
<h1>Manuscriptos digitales</h1>
<div class="header"-content-tittle>
</div>
</head>
<body>
<div class="header">
<div class="border"></div>
</div>
<div class="content">
</div>
</body>
</html>
debes poner
<html>
<head>
<tittle>Manuscripto digital</tittle>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="header">
<div class="header-content">
<div class="heder.filter">
<h1>Manuscriptos digitales</h1>
<div class="header"-content-tittle>
</div> </div> </div> </div>
<div class="header">
<div class="border"></div>
</div>
<div class="content">
</div>
</body>
</html>
Un saludo