Does anyone use Sublime Text?

1

Hey all, I have used Sublime Text twice and I haven’t had any issues. I can’t get my CSS to take when I open the document with Edge.
folder is located on desktop.
folder name(I’ve tried multiple times and gave up on making up names lol):
bump
file name:
cold.html
hot.css

HTML code in cold.html is:

<!DOCTYPE HTML>
<html>
<head>
	<title>Technical Project</title>
	<link rel="stylesheet" type="text/css" href="bump/hot.css">
</head>
<body>
<h1>Hello</h1>
</body>
</html>

CSS code in hot.css:

h1 {
	color: green;
}

I have verified that there is no .txt in the names. When I open the cold.html tab, it says Hello in black. I can’t get the CSS to take and I don’t understand what is going wrong as I just did it last night with different files. Can anyone help? Thanks

1 Like
3 
<!DOCTYPE HTML>
<html>
<head>
<title>Technical Project<./title>
<link rel=“stylesheet” type=“text/css” href=“bump/hot.css”>
</head>
<body>
<h1>Hello</h1>
</body>
</html>

There a dot in every single tag.
Why?

4

I noted it at the bottom, but I placed the period because whenever I typed out the code, all that showed was “Technical Project” and “Hello.” I don’t know how to have the entire code show…

5

Hi @medic_83!

I have edited your code.

If you want to add code in your messages on the forum just click on the preformatted text icon and place your code in there.

preformatted text

8

I do use SublimeText, but that’s not relevant to the issue you’re having. My guess is that you don’t have your relative link correct. The way you have hot.css linked implies that your project structure is

  • whatever your project directory is called
    • cold.html
    • bump (directory)
      • hot.css
1 Like
9

Should cold.html and hot.css be in the same folder? Or does hot.css need to be in a different folder?

10

You can organize them however you like, you just have to update your relative path correctly. Your current path says “from the current folder, open the child-folder bump and it will contain hot.css”.

11

Ahhhh I gotcha! I got it to work now! Thank you!!

12

Good job! Happy coding.

13