Help! Graphics appear on some computers but not others
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 posted this at 00:31 — 26th January 2002.
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
sonesta posted this at 00:39 — 26th January 2002.
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?
sonesta posted this at 01:23 — 26th January 2002.
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?
krash_io posted this at 01:51 — 26th January 2002.
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
Krash_io
www.recipebomb.com
www.computerbomb.com
Suzanne posted this at 02:09 — 26th January 2002.
She has: 5,507 posts
Joined: Feb 2000
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
yabber posted this at 07:15 — 26th January 2002.
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
Mika
taff posted this at 12:56 — 27th January 2002.
They have: 956 posts
Joined: Jun 2001
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 posted this at 12:20 — 28th January 2002.
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....
sonesta posted this at 18:42 — 28th January 2002.
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.
krash_io posted this at 18:53 — 28th January 2002.
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
Krash_io
www.recipebomb.com
www.computerbomb.com
disaster-master posted this at 19:38 — 28th January 2002.
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 posted this at 21:24 — 28th January 2002.
She has: 5,507 posts
Joined: Feb 2000
Bing!! That's it -- the browsers probably time out while trying to load the monster files.
Suzanne
detox posted this at 00:25 — 29th January 2002.
They have: 571 posts
Joined: Feb 2001
OUCH!
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....
sonesta posted this at 00:37 — 29th January 2002.
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 posted this at 01:08 — 29th January 2002.
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!
JohnBoy posted this at 20:59 — 1st March 2002.
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.