How do I make PICTURES compatible with different BROWSERS on websites I create?

Please check out this site. www.lb-steelmagnolias.com. In IE, it works except for two pics...in Firefox, it works on THOSE two pics, but two OTHERS don't work! In Opera, the results nearly match Firefox....HELP! The blue buttons were created and optimized for web in Photoshop 7. The flower pic was saved in PS7 also. The page was built using M.S. Publisher. Any wisdom would be appreciated!

How do I make PICTURES compatible with different BROWSERS on websites I create?
I looked in your code and surrounding the pictures are tags which appear to have conditional statements. I am not familiar with this type of code but this is what I tried and it did work.





%26lt;![if !vml]%26gt;


%26lt;span style='position:absolute;z-index:13;


left:92px;top:201px;width:180px;height...


href="http://www.gregernsthomes.com/"%26gt;... border=0 width=180 height=34


src="index_files/image3111.gif" v:shapes="_x0000_s1043"%26gt;%26lt;/a%26gt;%26lt;/span%26gt;


%26lt;![endif]%26gt;





That is the code for the picture that didn't work in IE.


%26lt;![if !vml]%26gt;


%26lt;![endif]%26gt;





When I remove the tags above then the picture shows up. You should back up the file and do a search and replace for those tags, then save the file and test to see if it works.
Reply:Pretty much ANY PICTURE that is stored in JPG/JPEG, PNG or GIF format will be able to be view on any browser on any OS in any language.





When using images online, PLEASE AWARE OF THE CASE!!! The web gets VERY PICKY on the case of a file name! If you're off by one character (even case-wise), it won't find it.





Test.JPG is not the same as Test.jpg nor test.jpg, ect.





The only thing I can suggest is that you double-check the location of your images online %26amp; mind the case of file names.
Reply:Use the WW3C standards and they should or will allwork.


http://validator.w3.org/


http://www.w3.org/QA/2005/01/Validator-I...


^^^that is a reason also


http://www.w3.org/2005/02/W3C-Global-Foc...


And this is where you get domain names, but note what they use.


http://www.icann.org/related/
Reply:Go to this site. Anything in this format will work with anything! They have great freeware and you can reduce the sizes of photos easily. Go there... All your problems will be solved. Make it your default picture program. Trust me.
Reply:First of all, you shouldn't keep your image files with the file name associated with the specific program it was made in. Use .jpg or .gif, etc. - whichever file type is more appropriate. Second, the images themselves, especially when set as a .jpg or other normal image file type, shouldn't affect the page layout - what affects this is the page structure in the code and the way specific browsers render that code. I've loaded your page in firefox 1.5.0.7. I'm missing all but the sponsor link button image and i'm missing the image you've created for "this site under construction." I could look at your source code, however i'm too tired to do so right now, but for now i would suggest studying the code and the way the different browsers render it and other similarily structured pages. If you don't feel confident in doing this yourself, you might consider getting teh help of someone who knows a little more about html and website creation/design. There are many forums out there, and possibly chat rooms with such people that may be happy to assist you. If i'm feeling ambitious tomorrow evening, i may check back on this and try and help. Good luck.