Hi everyone:

I designed a simple one long page website with one image. I tested this website with Fire Fox and I could see the image. But when I tested the same website with Internet Explorer, It did not show the image except with a little square with red mark. I have no clue why? your help is greatly appreciated.

Sam

Recommended Answers

All 24 Replies

More information would help. A link to the page or your code.

More information would help. A link to the page or your code.

Hi:

Thanks for your reply. Here is the code: <P ALIGN=CENTER><img src="house.jpg"></P>

this image is in the same HTML file. I believe the code is correct, if it is not correct, this code would not work in Fire fox browser. I have no clue why this image will not appear in Internet explorer.

thanks

Sam

Can you provide the url for the page?

It might be that the jpg was saved as CMYK instead of RGB. Check that, and change it, if needed.

It might be that the jpg was saved as CMYK instead of RGB. Check that, and change it, if needed.

Hi:

The image is saved as jpg and the website can be viewed on firefox, but not on internent explorer.

Sam

Yes. I understand it's a JPG. However, if the color model it was saved to is CMYK (Cyan, Magenta, Yellow, Black) instead of RGB (Red, Green, Blue) then it may not display properly in some browsers. CMYK is primarily used for printing purposes.

Hi:

The image is saved as jpg and the website can be viewed on firefox, but not on internent explorer.

Sam

It will defenetly help if you post your code or we can only do reading from the magic ball this way

You might want to try this:

replace this

<P ALIGN=CENTER><img src="house.jpg"></P>

with this

<br /><img src="http://{URL_OF_YOUR_PAGE}/house.jpg" align="center" alt=""><br />

Since XHTML is the W3C standard now, you might want to convert it to XHTML. It's not hard to do at all. If you need to learn XHTML, go to http://www.w3schools.com and you can learn it for free. I hope that this helped you out.

If you used Photoshop, just go and open your *.psd file, and resave it in RBG format, and overwrite the jpeg. Reupload it to your server, and you shouldn't have much of a problem.

Good luck man.

Umm I could be wrong, but for xhtml wouldn't he need to put <img src="http:// . . ." align="center" alt=""/>

Umm I could be wrong, but for xhtml wouldn't he need to put <img src="http:// . . ." align="center" alt=""/>

I'm double checking it right now. I'll edit with the update.

There's nothing in his code that wouldn't display in either browser. I tested it. I also tested how each browser dealt with a CMYK colored JPG. Both IE and Firefox could not display it. I have Firefox 3 Beta, so it may be too new to demonstrate what I was hoping to show. However, I know that older versions of Firefox did indeed display CMYK images.

What is your version?

The attribute align="center" is deprecated in xhtml.

There's nothing in his code that wouldn't display in either browser.

In his original code? Yeah, there is -

<p align=center>

That's not going to display very well in any browser, considering the correct version requires quotation marks:

<p align="center">

Plus, MidiMagic is right - the align attribute is deprecated. We use style attributes (also known as inline stylesheets) for that type of thing now, I believe.

everything would be much easier if we had some reference of the file... some code besides the one you posted and the side files such as the image and the css (if any)...

might sound stupid but some old internet explores are case sensitive with file extensions. Check if its image.JPG or image.Jpg or image.jpg etc.

I hav't got time to find out how old but i remeber hitting this problem once and this was the fix.

also it appears i can't type?

Too much coffee not enough sleep

I know unix is case sensitive or at least it was the last time I used it.

xhtml is also case sensitive. All tags, properties, and attributes must be lowercase.

Hi,

Otherwise can u give like this to image
<P ALIGN=CENTER><img src="house.jpg" width="" height=""></P>
I added for your code width and height can u try once like this.

you still need quotation marks around "center"

YOU HAVE:
<P ALIGN=CENTER><img src="house.jpg"></P>

TRY:
<p align="center"><img src="house.jpg"></p>

Quotation marks are not necessary. Should you use them to ensure you have written good code, yes. But if you dont put "" around the front, you dont need to put it at the end. The main thing is consistency.

It may just be an error with your current version with IE, or maby you have not specified detail in the coding.

<p><img src=". . ./path/house.jpg"></p>

<br><img src=". . ./path/house.jpg">

Remeber, although somtimes not always needed, use quote marks "*"

It is also vital you use the coding to say where you want the image to be on your page.

Hence the

<p>

<br>

I hope this helps, its just basic HTML :)

x

The original piece of code you supplied has some basic code "needs" but absolutely DOES NOT prevent the image from appearing as long as the page and the image are saved in the same directory. Also, unless your image is just some very wild color appearing on a background color similar in shade, there is no issue with the CMYK jpeg appearing; i.e. if you used a vibrant blue jpeg saved as CMYK and put it on a blue or black background you might have issues seeing it but your image is MISSING, hint the "red X". This points to a path problem or possibly you have a tag embedded inside another tag which may be causing problems. You really need to post a URL to the page so the code can be seen live.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.