Help! Graphics appear on some computers but not others

They have: 10 posts

Joined: Jan 2002

I have built several web sites. Although I can use html pretty well, I have gotten lazy and have been using Microsoft Word's html creator lately. Anyway, I am getting reports from some people that the graphics (mostly .jpg photos) are not showing up on their computer. Instead they get the dreaded rex "x". It's happening on all sorts of browsers, IE, Netscape, AOL, and on both Mac and PCs. Anyone have any idea what's going on and how to correct it???

Random poll: Here are two of the sites that I'm getting reports on: http://www.sonestafarms.com and http://www.slyfieldfarm.com

Any help would be greatly appreciated!

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

This may be harsh, I apologize in advance.

Word's HTML function is designed to make word documents viewable easily on the web. It is NOT designed to make websites!

There are oodles of errors in the code. If you insist on using it, try something like http://www.textism.com/resources/cleanwordhtml/ to clean up afterwards.

You are likely getting random reports of errors because of the word artifacts.

<p style='margin-left:.5in'><a
href="..\..\..\..\..\..\..\..\..\..\..\..
\..\..\..\..\..\..\..\..\..\..\..\..\..\..\
..\..\..\..\..\..\..\..\..\..\..\..\..\..\..\
..\..\..\..\..\..\..\..\..\..\..\..\..\..\..\
..\..\..\..\..\%20"><span
style='text-decoration:none;text-underline:none'>
<img border=0 width=17
height=17 id="_x0000_i1047" src=Image2.gif></span></a>
'

That's just crap. I'm sorry. This isn't elitist mumbo jumbo, that code is garbage and needs to be fixed properly. There are no quotes around the attribute values, breaks in the tags, illegal attributes, so much extra code it's a wonder it loads!

If you are going to use Word as an HTML editor despite it's incredible lack of ability to do the job, at least take the time to format the styles (i.e. use Word's strengths).

Suzanne

They have: 10 posts

Joined: Jan 2002

Okay, so as an editor, it sucks. But why would the graphics be viewable by some people and not by others?

They have: 10 posts

Joined: Jan 2002

You know, you are completely right. I am a novice and, though I learned to write basic html, when I found that Word had an editor, I got real lazy. I also have Front Page on my computer, but have never used it. Is it worth learning, or must I buy a big editor like Dreamweaver?

They have: 49 posts

Joined: Dec 2001

As far as having to buy a big HTML WYSIWYG editor, no you don't, unless you want one. My favorite HTML, JavaScript, CFML editor is .... notepad!

Front Page will be by far much better for you than Word but because it is so idiot proof it doesn't allow much customization on your websites, unless of course you edit the HTML directly. Also becuase it is a Microsoft program, you can bet that it will only optmizie your pages for Internet Explore, not Netscape. Maybe it will automatically optimize your page for both borwsers, but I doubt it.

My personal suggestion is if you want to build a real website stick with a plain jain editor and become fluent in HTML. HTML is so easy, you can lear how to use the correct syntax in less than an hour, then just refer to a good reference for the indivduale tags and their attributes. Once you learn how to properly code a tag, they are all the same.

Big application managers like Dreamweaver are for people who will use more than HTML. Front page is basically strictly for coding HTML, it doesnt support JS or VBScript very well. Dreamweaver has some Flash incorprated with it and JavaScript and maybe some other stuff, I'm not sure don't use it, but I wouldn't recommend buying it unless you are going to use thoes extra features.

I have become partial to ColdFusion Studio lately. But to tell you the truth the only reason I use it is because it color codes all my code and make file managenment much easier. But other than that I find it much quicker to just type out all the code myself rather than walk through a wizzard or template.

Hope that helps.

Krash_io

RecipeBOMB.com
ComputerBOMB.com

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Quote: Originally posted by sonesta
Okay, so as an editor, it sucks. But why would the graphics be viewable by some people and not by others?

Because of the errors in the code. Depending on people's configurations, settings, your server, et cetera, you can end up with missing bits. Even the same site if I load it in two different browsers at the same time, some images show up in one not the other.

I loaded it in Opera once, half the images. Opened it again, no images, opened it again, all the images.

You seem to have the paths correct, but really it's hard to tell because the code is so bad -- it makes it very hard to troubleshoot.

I really recommend you clean it up with the word cleaner, and see if that helps things a little. At the very least, it will allow people to be able to troubleshoot your work.

***

You don't need a huge expensive app, no.

HTML Editors that are free or cheap:

arachnophilia.com
htmlvalidator.com

Text Editors that are free or cheap:

notetab.com
jgsoft.com (Edit Pad)
ultraedit.com

Suzanne

They have: 93 posts

Joined: Dec 2001

Also it might be worth checking if the page can be seen correctly by people that have MS word installed on their PC ?

Just an Idea.

As for using word as an HTML editor, I go along with what everyone else said Smiling

Mika

taff's picture

They have: 956 posts

Joined: Jun 2001

Quote: Originally posted by sonesta
Although I can use html pretty well, I have gotten lazy and have been using Microsoft Word's html creator lately.

Have you looked at your own code? Office-generated HTML has got to be the worst thing around. I can't sift through it all to see if a) there are specific image-related coding errors or b) it is the cumulatice effect of a million other errors, as Suzanne suggests.

If you must use Word to create any content, go get the Microsoft Office HTML Filter. At the very least, it will strip off all that office-specific crap. You can even strip it down to the barest of HTML tags.

I've done this on occasion for large sections of content supplied by clients in Word, but never use it for layout!

.....

detox's picture

They have: 571 posts

Joined: Feb 2001

I had to re-engineer a corporate Intranet simply because the coding had been completed with Word and converted. So much Headache. So. The danger with using anything but a dedicated (Homesite or Dreamweaver) editor or something like notepad is it beefs up your code and places everything BUT what you want it to on a page. Now my rant on WORD is over! I can go on to the rest of the reply!

This isn't a cop out but In order to help you really should clean your code up. If this was a car and you took it to a mechanic he would have told you it was a write off. My response to this is to use the link Suzanne gave you and clean the code up. The re-post it so we can help....

They have: 10 posts

Joined: Jan 2002

Well, I started trying to clean up the code and go SO DEPRESSED! I'm throwing it out and starting over just writing the code. Here I was, thinking I'd found a good shortcut and now I'm going to have to redo the site! Yuck! And I'm not an html PRO, just know the basic stuff, so it's going to be a good learning experience, too! Thanks for all the input.

They have: 49 posts

Joined: Dec 2001

All I have to say is HTML is very very easy. Don't make it seem more complicated than it is. All HTML basically does is formatting. When you get into server or client side is where it gets a little different.

Just know how to write a tag, and how to specify attributes and values and you can reffer to a reference guide for the specifics of each tag.

Krash_io

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

You definaltly need to use something besides word.

I went to one of your pages, http://www.nol.net/~sonesta/breeding.htm to peek at your images and code. One thing that I noticed is when you follow the file path to this image; http://www.nol.net/~sonesta/WinterEclipse.JPG) you see that the actual image is probably about 1200+ pixels wide and about that much in height. And on the web page you have it resized by using your code to this;

<img width=199 height=152
src=WinterEclipse.JPG align=left hspace=12 v:shapes="_x0000_s1028">
'

You should resize your images manually in a graphics program instead of using the html code to do this. This will sometimes make only half the image show up or not show up at all. I don't think that this is all of your problem but it could be contributing.

Try this. Right click the image below and save to your hard drive (using the same name that I have called it) Then replace the code on the page that has Winter Eclipse on it (same code listed above) with what I have below the pic and see if that helps.


<img src="WinterEclipse_small.jpg" align="left" width="200" height="150">'

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Quote: you see that the actual image is probably about 1200+ pixels wide and about that much in height.

Bing!! That's it -- the browsers probably time out while trying to load the monster files.

Smiling Suzanne

detox's picture

They have: 571 posts

Joined: Feb 2001

OUCH!

Quote: you see that the actual image is probably about 1200+ pixels wide and about that much in height.

That is the problem right there. Best thing is to never resize image on the fly in simple HTML, if you have a graphics program simply resize it to the proportions you want. If you dont you can download trial versions of Photoshop and Jasc PaintShop Pro. If all else fails, simply ask someone here to resize them for you....

They have: 10 posts

Joined: Jan 2002

Thanks for the help, folks! I'm busy writing code now. I know the basic stuff pretty well, I just got lazy. I had the .jpg files down to less than 50 kb for most of them and thought that was enough. I will resize them all to make sure that's not the problem and will reload them to the site and see what happens with the word html files. But I'm STILL going redo all the pages with plain code!!!

By the way, I found that Lissexplains.com site that some of you had talked about and found it delightful as a simple explanation of tables (I think I got scared of them and that's why I copped out and went to word's editor). Now they seem simple!

detox's picture

They have: 571 posts

Joined: Feb 2001

HTML is very quick and easy to learn, the most inmportant thing with all things I suppose is to have the basics down pat. Once you are versed in the basics then you are off.

When I first started out with HTML I was put off by tables, you just have to get in there and try it out!

They have: 12 posts

Joined: Mar 2002

a word to the wise for anybody reading this... make your images the size you need in 72 dpi them and then insert them. Never (I repeat NEVER) resize them in HTML. It will look like garbage, not to mention, it will also slow your site down.

Also, if you're still having problems, it may be the image itself. Make sure it's in RGB (24-bit) color before you insert it. That can be a problem too when trying to display it.

Hey! Check out [url]
http://www.sactosaurus.com [/url]

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.