CSS - Problema con <link> para relacionar un archivo css

 
Vista:
Imágen de perfil de Carlos

Problema con <link> para relacionar un archivo css

Publicado por Carlos (2 intervenciones) el 24/10/2019 05:35:34
Tengo el problema e que en un archivo HTML a la hora de poner el <link> para relacionar un archivo css en otra carpeta no me lo toma, pero al dejarlo en la carpeta de index si lo hace, creo pudiera ser el path del archivo pero lo reviso y al parecer esta bien, estoy en localhost con xampp. Si alguien pudiera guiarme por favor seria de mucha utilidad, gracias de antemano.

index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html lang="es">
<head>
	<title>Baseball</title>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
	<link rel="stylesheet" type="text/css" href="css/tipos.css" rel="stylesheet"/>
</head>
 
<body>
	<div class="contenedor">
		<form action="">
			<h2>Baseball</h2>
			<div>
				<input class="entrada" name="nombre" />
				<input name="correo" />
				<button type="submit">Enviar</button>
			</div>
		</form>
	</div>
</body>
</html>



tipos.css

1
2
3
4
5
body {
	background-image: url(imagenes/estadio.JPG);
	background-size: 100vw 100vh;
	background-attachment: fixed;
}

estoy en htdocs/baseball/index.html
y en htdocs/baseball/css/tipos.css
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
1
Responder
Imágen de perfil de joel
Val: 870
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Problema con <link> para relacionar un archivo css

Publicado por joel (252 intervenciones) el 24/10/2019 08:58:27
Hola Carlos, parece que esta bien!!!
Revisa la consola del navegador haber si te devuelve algún error.

Fíjate que tienes puesto dos veces: rel="stylesheet"
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Carlos

Problema con <link> para relacionar un archivo css

Publicado por Carlos (2 intervenciones) el 27/10/2019 00:23:16
Muchas gracias, si en efecto al revisar en la consola me aparecía mal el path y lo solucioné poniendo el path completo:

background-image: url(/baseball/imagenes/estadio.JPG); en tipos.css

y href="/baseball/css/tipos.css" en index.html

como que no respeta la carpeta donde está, no sé que me falta! , pero bueno solucionado el problema !!!

Muy agradecido.

Un cordial saludo!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 3
Ha aumentado su posición en 11 puestos en CSS (en relación al último mes)
Gráfica de CSS

Problema con <link> para relacionar un archivo css

Publicado por Juanjo (2 intervenciones) el 14/11/2019 10:34:58
Joe muchas gracias, justo hace un tiempo tuve un error de este estilo y no sabia como solucionarlo.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar