*Sigh* Images On (Homemade) Webpages

[cgannon64]

I've been spending the afternoon trying to create a webpage for a cartoon I've been playing around with. (See the Drawing thread in OT.) I have it all set up, except for one problem: THE ACTUAL CARTOONS! I've been doing it in Notepad. I put in:

<img src="PLH_Fox News.gif">

And that didn't work. I tried

<img src="PLH_Fox News.bmp>

And that didn't work. I tried

<img src="PLH_Fox News.jpg>

And that didn't work. They all came up as Red Xs. What's going on?

(BTW, I tried all of these in IE.)

 

[Zelig]

edit: Oops, bad advice, disregard this post.

 

[cgannon64]

I added the slash at the end, and still nothing. Tell me, is this the proper code:

<img src="PLH_Fox News.gif"/>

That still pulled up nothing.

Oh, and...I barely know any HTML at all, asking me to code it to W3C standards is, well...impossible!

 

[col]

Some sites have problems if there is a space in the name of the file. Try changing the reference to "PLHFoxNews" with no underline and no space. Obviously you'll need to rename the file too.

Er - you have uploaded the file to the same directory as the page, havent you?

 

[Pillager]

<img src="Myfile.jpg"> is what you need. Check that the picture is in the same directory as the webpage that you're saving, and not in, for example, an "images" subdirectory. That would be <img src="images/Myfile.jpg">

Get rid of the space, too. Using spaces is just more trouble than it's worth - some times it's ok, others it's not.

Also, check the case of the filename. Use all lower case when saving the file and when writing the page, to ensure that you don't get confused. On some servers, the case is important. <img src="Myfile.jpg"> is not the same as <img src=myfile.jpg"> or even <img src="Myfile.JPG". That last example has got me a few times - you have to be careful the paint programme you use doesn't automatically attach UPPERCASE EXTENSIONS!

 

[cgannon64]

Originally posted by col

Er - you have uploaded the file to the same directory as the page, havent you?

I haven't uploaded anything yet. I'll try uploading the comics and the page now.

EDIT: You're right, Geocites doesn't support spaces. Time to change that too.

 

[cgannon64]

Thanks for all the help, its working now. Just have to edit the links and typos and stuff, and then its sig-worthy.

 

[Sodapop]

space = %20 (at least if the server is running apache, don't know for IIS)

And if you have problems with paths, ./ is the currenty directory... That might solve the problem in some situation...

 

[col]

Originally posted by cgannon64


I haven't uploaded anything yet. I'll try uploading the comics and the page now.

Hehe - we've all been there and done that.

It took me a long time to explain to my wife why the images had to sit on the same server as her webpages. Then how to use ftp.

 

[funxus]

Why? Doesn't it work to upload it to another server and just give the whole path to the picture. I think a friend used two accounts for a page with many pictures.

 

[Jamesds]

Why don't you use a WYSIWYG program? A lot easier!! You can learn HTML through that too, if you want to.

 

[Sirp]

@funxus: You *can* put the images on another server, but in 99% of cases it's convenient to have them on the same server. The main point is that the images do have to be on an Internet-accessible webserver somewhere, rather than sitting on your typical client machine at home or work.

-Sirp.

 

[col]

Yeah - and if they sit in the same directory as the webpage then any references can be relative. It means that you can move the whole lot to somewhere else and it will still work. I dont like using absolute references on principle.