Pictures in HTML?

Hi,
When I'm making a web-page using Textedit, and add the code for an image, it never works. Even when I'm using an image I know the computer can display, and has before.
Here's exactly what I type.

<img border="3"src="/sun_euv19.gif"width="304" height="228"/>

and also this...

<img src="sun_euv19.gif"/img>

Which just ends up looking like this.

<img border="3"src="/sun_euv19.gif"width="304" height="228"/>

Make sure you have it coded correctly.
<img border="3" src="sun_euv19.gif" width="304" height="228"/>

Make sure you have the correct path to the image
<img border="3" src="sun_euv19.gif" width="304" height="228"/>
This says the image is in the same folder as the html file.

<img border="3" src="images/sun_euv19.gif" width="304" height="228"/>
This says the image is in the folder images

<img border="3" src="../images/sun_euv19.gif" width="304" height="228"/>
This says the images folder is up one level from the html file

Check out W3Schools Online Web Tutorials

Try <img border="3" src="/sun_euv19.gif" width="304" height="228"/> and <img src="sun_euv19.gif" />

Make sure that the picture name is typed out correctly with the correct file extension, also check that the HTML file and the picture is in the same/correct directory.

Okay, I got the image from here and I had the image saved to my desktop in a desktop shortcut. Then because of what was said here:

,Make sure you have the correct path to the image
<img border="3" src="sun_euv19.gif" width="304" height="228"/>
This says the image is in the same folder as the html file.

Click to expand...

I dragged the image shortcut into the same folder as my html file and typed exactly what was said above, but still nothing.
I also tried this:

<img border="3" src="images/sun_euv19.gif" width="304" height="228"/>
This says the image is in the folder images

Click to expand...

But still nothing.

Can somebody just me give a safe, known to work image, that has for sure already been uploaded to the internet and worked, that I could just copy and paste from this forum? Please??

As far as I know, TextEdit doesn't view pictures normally. I've never tried HTML, though.

I just tried copying and pasting directly from the image on the internet to my HTML code, instead of saving it to a file of my own and then trying to paste from the file, and it worked!!

I'll let you guys know if I have any other problems.

<img src="http://www.mac-forums.com/forums/images/avatars/avatar76.gif" />

That links to your avatar image. Tested and it works.

Of course it worked because its pointing to a image online already. It wasn't showing before probably because it wasn't uploaded online and the path was messed up somewhere.

Eric559 said:

Of course it worked because its pointing to a image online already. It wasn't showing before probably because it wasn't uploaded online and the path was messed up somewhere.

Click to expand...

Agreed but since I don't have the directory structure, I can't really give a working example other than of an online image.

Can you tell us what the directory structure looks like?

Let me give you an example from my site of a working image. I have a directory called "images". In there, I have a picture called "chromium_04232009.png". To link to this image, I use this code: <img src="images/chromium_04232009.png" />

I tried this

<img src="http://www.mac-forums.com/forums/images/avatars/avatar76.gif" />

Click to expand...

and it didn't work, it didn't even have the question mark icon.
Hmmmm?

Can you post the code to the page? That code does work because I tested it here locally.

Can you post the code to the page? That code does work because I tested it here locally.

Click to expand...

What exactly do you mean?

Post the code from your page here so we can see it.

You know, it sounds like your images directory doesn't have the proper permissions assigned to it that would allow you to access it.