r/HTML • u/TrainingQuantity3744 • 4d ago
stylesheet not connecting
Back again with more homework issues. I'm supposed to be making a stylesheet for a pre-written website. For some reason, nothing from my stylesheet is showing up. This is the same code that worked fine on my last assignment, so I'm really not sure what's wrong
<head>
<title>Planets in our Solar System</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="planets.css">
</head>
The Stylesheet code looks like this so far
<style>
* {
box-sizing: border-box;
margin: 0;
}
body {
background-color: silver;
}
a:link {
color: fuchsia;
}
a:visited {
color: red;
}
a:hover {
color: blue;
}
a:active {
color: olive;
}
.planet {
border-style: solid;
border-width: medium;
border-color: purple;
background-color: orchid;
}
</style>
2
1
u/aunderroad 4d ago
Maybe double check and see:
1) if your .css file is called "planets.css" (the file is case sensitive)
2) the "planets.css" file path is correct
3) in the planets.css, you do not need use the style tag.
4) If that does not work, inspect your page and check your "Network" panel and check the ".css" section. You might have to refresh your page.
1
u/More-Explanation2788 3d ago
Check the path to the planets.css file. It should be an absolute path from the root of the website.
1
u/TabbbyWright 3d ago
If you haven't figured this out yet (I see it was posted 12 hours ago): make sure the file you're editing is in fact the correct file in the correct location.
Also make sure that your CSS file isn't actually named planets.css.txt or something.
1
1
u/TrainingQuantity3744 2d ago
Ok, so turns out I somehow ended up saving like 5 copies of my html file. The one I was opening was not the same as the one I was editing. Not really sure how that happened, but it seems to be fixed now
7
u/AmanBabuHemant 4d ago
the stylesheet code (planets.css) should not have <style> and </style>, it is a CSS file, which contain rules directly, <style> tag are used to embed CSS in HTML.