Why is my External CSS not working? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

Why is my External CSS not working?

I have been looking at questions with answers and none of the answers are helping my situation. Here is my code: https://code.sololearn.com/W169EC2VW99k/#html I cannot figure this out Thanks in advance for anyone who helps!

19th Feb 2020, 9:01 AM
Kristofer Schultheis
Kristofer Schultheis - avatar
15 Answers
+ 5
You are using relative path <link rel="stylesheet" type="text/css" href="styles.css"> It means that the browser will look for this styles.css file in the same directory (folder) as this html file. If you still don't understand, please browse this video : CSS Tutorial for Beginners #06 - External Stylesheet, by Net Ninja https://youtu.be/Wj2iI7w37Y0
19th Feb 2020, 9:32 AM
Gordon
Gordon - avatar
+ 3
Dont know if it is important but normally link is in the head section
19th Feb 2020, 9:40 AM
Oma Falk
Oma Falk - avatar
+ 3
Kristofer Schultheis You are welcome. Good luck with your learning.
19th Feb 2020, 9:49 AM
Gordon
Gordon - avatar
+ 2
You are referencing a file named styleS.css, is your actual css file also named with s at the end?
19th Feb 2020, 9:39 AM
Gordon
Gordon - avatar
+ 2
Gordon ah yes👍
19th Feb 2020, 9:42 AM
Oma Falk
Oma Falk - avatar
+ 1
Kristofer Schultheis For HTML code structure, please revisit this lesson: https://www.sololearn.com/learn/HTML/1022/
19th Feb 2020, 9:44 AM
Gordon
Gordon - avatar
0
@Gordon Yes, it is named styles.css and it is in the same folder as my html file.
19th Feb 2020, 9:40 AM
Kristofer Schultheis
Kristofer Schultheis - avatar
0
Oma Falk It is not a good practice for <link> to be not in <head>, but it still effects. 😉
19th Feb 2020, 9:41 AM
Gordon
Gordon - avatar
0
Kristofer Schultheis Do you have github account? Can you upload your files onto github and share the repo url here?
19th Feb 2020, 9:42 AM
Gordon
Gordon - avatar
0
Where should I put my <head> tags in my document then? (I'm very new at coding and don't fully understand it)
19th Feb 2020, 9:42 AM
Kristofer Schultheis
Kristofer Schultheis - avatar
0
@Gordon Just figured it out from your first answer! I don't really know how it worked but after changing a few names, it worked. Thanks!
19th Feb 2020, 9:45 AM
Kristofer Schultheis
Kristofer Schultheis - avatar
0
Check your link very well most times spelling errors or not properly addressing the link according to how you save your documents
20th Feb 2020, 10:15 PM
Azuka Ofili
Azuka Ofili - avatar
0
Write this after head code <link rel="stylesheet"href="style.css">
20th Feb 2020, 11:22 PM
‎Khaled Elaskry
‎Khaled Elaskry - avatar
0
Where write animation css code in html?
21st Feb 2020, 8:42 AM
Sosooo
0
Sosooo please make a new post from it if necessary after applying searchbar
21st Feb 2020, 8:54 AM
Oma Falk
Oma Falk - avatar