CSS and image href not working! Please help!


#1

I am learning html at the moment, and I am following a tutorial step by step. I got far into the tutorial to find out that my css and my images are both not linked to my website! The site shows that there is supposed to be an image there, but it does not appear, and as for the css, no signs of it at all. I would really like to finish this tutorial without giving up (which I often do) so please help me out here. Thanks a lot for your time. The problems:

<link rel="stylesheet" href="./css/style.css">

<img src="./img/hotmail5.png">

Thank you!


#2

Hey there.

Can you tell us which lesson you’re on, if you’re working on Codecademy? That way we can see what the lesson is asking you to do, and see if we can recreate the problem. :slight_smile:

The paths you’re providing for the href values look like they’re right, assuming you wanted to use a relative path, so the obvious question is are the files actually where you’re saying they are?


#3

Sadly, I am not using codecademy, as I found this after I started, but I am more than happy to link the video. I tried another dot for the images, and they worked, so I amm thrilled about that, but the CSS still is not working. Thank you for taking the time to help me!
P.S would it be helpful if I sent the script in whole? I suspect there may be a possible error in the begging, before the directory.

Video link: https://www.youtube.com/watch?v=Wm6CUkswsNw


#4

Ahh!

I guess that for the moment you’re creating and viewing the webpage you’re working on directly on your computer?

The single period . in your directory path is the current directory, so in the tutorial it looks like they get to create the following folder structure:
image

If your index.html file is in the example directory, then you should be able to add your CSS by pointing it to ./css/style.css with the link tag you’ve posted.

If a double-period .. fixed the problem for your images, then I guess what you might’ve done is created another subfolder for the HTML, so it looks like this:
image

The double-period tells the browser to go to the parent directory, then follow the rest of the path.

Does that help? If a double-period for your CSS doesn’t get it working, if you can post an overview of the directory structure you’ve got going on that should point us in the right direction. :slight_smile: