Divers Circle isn't showing

HTML & CSS
1

Continuing the discussion from Divers circle:

Hi I’m not sure if mine is the same problem… I’m working through the same book but i have the 1st edition - not sure is it makes any difference.
Anyway, I’ve followed the instructions i think but the divers image won’t show on the page when i open it in safari. it just shows a tiny box and a question mark in it.
I have a folder on my desktop called ‘Sites’ and index.html and divers-circle.jpg are in there. My code is;

<img src=“divers-circle.jpg” width=“200” height=“162” alt=“A circle of divers practice their skills”</p>

thanks :smile:

2

Are you absolutely sure that’s the filename? All lower case? Even the extension?

3

To bulid off guido, the image is in the same directory as index.html? You didn’t make a folder for the image to place the divers image in (for cleanliness sake?)

4

yes I’m sure thats the name of the file. and my index.html and divers-circle.jpg are both in my folder ‘Sites’. does it make any difference that I’m using a mac?
cheers

EDIT > I’ve also tried using a different picture but thats doing the same thing… it must be the code I’ve used then?

5

Yes, there’s an issue with your code. One important thing to learn is that you must type code in plain text, not using anything like MS Word. All quotes must be straight quotes—"—for example, not curly ones, which is what you have—“. Paste this revised code into your page:

<img src="divers-circle.jpg" width="200" height="162" alt="A circle of divers practice their skills"</p>

There are lots of nice code editors, quite a few of them free. What editor are you using, and on what system?

6

That works! Thank you, and well spotted! I was using text editor on my mac, I changed it to plain text before I started but for some reason the " were still wrong. Weird? I’ve now downloaded text wrangler which is working out fine.
Once again, well spotted hawk eyes :slight_smile:

7

Hello;

I’m having the same issue with images. I’ve placed an image in my image folder and created the img src link.

<img src="red_dragon.jpg" width="600" height="270" alt= "Picture of a sea dragon"

The site folder has the index file and an image folder. The image is one I made and saved in that folder. I get the broken link icon. Please advise. Thanks.

8

So your img tag looks something like this?

<img src="images/imageName.jpg" alt="Whatever" />

Yes? You should have started your own thread instead of bringing up this one.

9

That did it. It needed to map to the location on my drive. Thanks.