19 Replies Latest reply on Nov 12, 2011 4:01 PM by MaeyerE

    I've made a website... not displaying in Internet Explorer

    Flissssy

      I was hoping someone might be able to help me as I am still learning how to use dreamweaver. Basically I have made a website and tested it on different browsers, it works fine on Firefox and Safari, but when I open it on Internet Explorer some of the images don't show.

       

      Is there any way I can overcome this problem? I have used css so I wondered if it might be something in the code?

        • 1. Re: I've made a website... not displaying in Internet Explorer
          Ben M Adobe Community Professional

          So you are saying images show in Firefox, but not in IE?  Can we see the page (or code)?

          • 2. Re: I've made a website... not displaying in Internet Explorer
            Flissssy Level 1

            The images don't show in Internet Explorer (but work 100% fine on Firefox and Safari)- I am on a mac at the moment so can't test in Internet Explorer but when I tried it on other computers with IE they come up as broken images if you know what I mean. But only some of them.

             

            Here is the website: http://www.felicitywigmore.co.uk

             

            And the code:

             

             

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

            <html xmlns="http://www.w3.org/1999/xhtml">

            <head>

            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

            <title>Untitled Document</title>

            <style type="text/css">

            <!--

            .georgia {

            font-family: Verdana, Geneva, sans-serif;

            }

            .georgia {

            color: #FFF;

            }

            body {

            background-color: #FFF;

            }

            .georgia .georgia {

            color: #000;

            }

            -->

            </style>

            </head>

             

            <body>

            <p align="center"><a href="http://felicitywigmoredesign.webs.com/felicitywigmore2.html"><img src="http://felicitywigmoredesign.webs.com/webfront.png" width="400" height="397" align="middle" /></a>

            </p>

            <div align="center">

              <pre align="center" class="georgia"><span class="georgia">Felicity Wigmore

            felicity.wigmore@gmail.com</span></pre>

            </div>

            <div align="center">

              <h6 align="center" class="georgia"><span class="georgia"><em>This website does not display correctly in Internet Explorer at the moment, but the problem is being fixed :)</em></span><em></em></h6>

            </div>

            </body>

            </html>

            • 3. Re: I've made a website... not displaying in Internet Explorer
              Flissssy Level 1

              I can also paste the css if that helps?

              • 4. Re: I've made a website... not displaying in Internet Explorer
                John Waller Adobe Community Professional & MVP

                No need. We have access to all files thanks to the link you provided.

                 

                The missing images in IE are all CMYK image mode. Convert them to RGB in Photoshop (or whatever image editor you're using).

                 

                You also need to to optimise them. The page weighs in at nearly 3MB. Should be 100-200KB or so.

                 

                e.g. the icon images should all be around 10KB. The icons have not been resized in Photoshop to 40px x 40px. They've merely been scaled down in DW e.g. iconowl.jpg is 243px x 243 px scaled down to 40x40. Resize the actual images in your image editor then insert them in DW without resizing them using the Property Inspector. The page will then load faster. Always place images in DW at finished size. Don't rely on DW (or the browsers) to resize them for you. Avoid changing image dimensions in the Property Inspector.

                 

                Below is a screenshot from the Firefox Web Developer toolbar showing the sizes of the files on the page. See how big iconowl.jpg and iconalice.jpg are compared to iconbaked.jpg and iconwhale.jpg.

                felicity_wigmore_page_size.gif

                • 5. Re: I've made a website... not displaying in Internet Explorer
                  Flissssy Level 1

                  I saved them using the *save for web and devices* option in photoshop which changed them to RGB PNG files and it seems to be working in IE now - thank you!

                   

                  Thanks for the tip about file sizes - I had no idea some of them were so big compared to others! I am working on resizing them now but at least it shows in IE even if it is a bit slow

                  • 6. Re: I've made a website... not displaying in Internet Explorer
                    MaeyerE

                    I am also having this problem that images don't display in Internet Explorer; but I am using Adobe GolIve for MAC and edit my images for the web in ImageReady. I created my page back in 1995 on Adobe PageMill and then converted it to GoLive. I have not had any web design training, and just do only basic things (drag in images, type text, and make links). Here is my web site address www.seraphim-classics-angels.com. Thank you for any help you can give me.

                    • 7. Re: I've made a website... not displaying in Internet Explorer
                      mhollis55 Level 4

                      Here is what I would do.

                       

                      Learn HTML (at least 4) and CSS (at least 2.x). Take yourself through the classes here.

                       

                      Code in GoLive in code mode. Don't let GoLive control what you are doing. There is a real reason why Adobe purchased Dreamweaver from Macromedia: GoLive really could not be set up to make good code for websites and the Macromedia people had made a very good tool that would. I think Adobe also brought in the team from Macromedia as well.

                       

                      There is an alternative to coding in GoLive and that would be coding in a plain text editor like bbedit. There does not exist a "drag and drop" method for building websites, like a word processor or a page layout application. Those applications stunk and did not make good code.

                       

                      The other alternative to coding in GoLive is Dreamweaver. Yes, it's $399. But if you are truly serious about making stuff for the Web, you really should either hire a professional designer to do your website or use a professional tool.Dreamweaver is better than bbedit or a plain-text editor because you can see what you are doing pretty close to real time and because it does offer you a lot of help, opening graphics files in Photoshop when you click on them, uploading all of your files to a remote server, allowing you to create a templatted website where all pages look and work the same and are the result of different text and pictures in your content area.

                       

                      Frankly, if you are in the business of selling your angels, you need to have an online store. Creating an online store is not something that an amateur web designer should really do. I have and several of the professionals here in the forum have created online stores that actually work, have server-side code that will give you what you need for fulfillment and will have the store live in time to make something off of them by Christmas. The seraphim-classics-angels.com website is one large page for everything and it needs to be cut up into several pages. Additionally, if it's not working in Internet Explorer, it's possible that you have CMYK JPEG files.

                       

                      Additionally, the web page is laid out with all of the styling for the page within the text. That's a great way to cause search engines to not find the content on your page very well. Additionally, none of your photos have alt tags to them, so search engines (and blind people) cannot see them, either. The entire page is a "do over."

                       

                      So, you have made a website. It does not work with Internet Explorer, you cannot make money off it and you really should have a professional do it as a web store or start over by learning how to create good code for websites in Dreamweaver.

                      • 8. Re: I've made a website... not displaying in Internet Explorer
                        Nancy OShea Adobe Community Professional & MVP

                        Among other things, your code is missing a valid <!DOCTYPE> declaration on the first line.

                        This causes your page to render in Quirks Mode which confuses modern browsers and produces unexpected results.

                         

                        Open page in your favorite plain text editor and add the following line of code to the top. 

                         

                        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

                         

                        In addition, your page has a whopping 619 code errors in it.  Detailed below:

                        http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.seraphim-classics-angels.com% 2F

                         

                        Best advice I can offer you is to hire a professional web developer to build a new site for your business.  Money well spent in the long run...

                         

                         

                        Nancy O.

                        Alt-Web Design & Publishing

                        Web | Graphics | Print | Media  Specialists 

                        http://alt-web.com/

                        http://twitter.com/altweb

                        • 9. Re: I've made a website... not displaying in Internet Explorer
                          John Waller Adobe Community Professional & MVP

                          I am also having this problem that images don't display in Internet Explorer;

                           

                          For what it's worth, I see all the images in Internet Explorer.

                           

                          However, that website is grossly overdue for a makeover.

                           

                          I don't see any visitors reading it in its current form.

                           

                          I'm sure you're diligent in maintaining it and keeping it up to date but is it really worth it?

                           

                          Perhaps buy a readymade, modern CSS formatted template online and populate it with your content.

                          • 10. Re: I've made a website... not displaying in Internet Explorer
                            MaeyerE Level 1

                            Thank you so much for your reply. I do have a separate shopping cart that I link to from my website; and it works great. I actually do have good traffic; but lose IE people now & then. Iw as hoping to make it easier for them. The page displays well in other browsers. The images show on my shopping cart very well even though they are prepared in the same way and come from the same folders and images as I use to design my web page. I'm just a small retailer so can't afford a web designer or Dreamweaver. I had no trouble learning PageMill; but find the documentation for GoLive incomprehensible. I"m sure Dreamweaver would only be even more complicated; but I will try to learn more about html as you suggested. Thanks for the link and the advice!

                            • 11. Re: I've made a website... not displaying in Internet Explorer
                              MaeyerE Level 1

                              Thank you Nancy. I would like to try to add the line of code you suggested. Do you mean I should go into GoLive and view the page in source code and then inert the line of code at the top of the page? I appreciate your help.

                              • 12. Re: I've made a website... not displaying in Internet Explorer
                                MaeyerE Level 1

                                Hi John. Thanks for your reply. I wonder how it is you can see the images in IE when I have shoppers say they can't? What version of IE do you use? I actually do have good search engine presence, as much as I can afford to pay for on Google. Have always been on the first page near or at the top. The images display very well on my shopping cart which I link to from this page. This is just an information page for collectors. They are the very same images on the shopping cart as on my web page; so I am mystified how they show on IE on the shopping cart but not on my information web page. I wish I could afford a web designer; but its not in the cards for me. I do make money off my web site; just was hoping to make it easier for those who use IE. Thanks again!

                                • 13. Re: I've made a website... not displaying in Internet Explorer
                                  mhollis55 Level 4

                                  What Nancy suggests may clear up things in Internet Exploder. But if what you are doing is running a shop, you should consider what everyone is telling you--a professional designer is a good idea here.

                                   

                                  As a shop owner, you are hardly an expert electrician and you would not think twice about hiring one to fix something wrong with your wiring. Now I'll just bet an electrician would have no idea how to run a retail store. This is why we all have different professions.

                                  • 14. Re: I've made a website... not displaying in Internet Explorer
                                    Nancy OShea Adobe Community Professional & MVP

                                    Yes. If you can edit source code in GL, paste doc type  into the first line of your HTML code.  Save and upload to server.

                                     

                                    I fear the other 600+ code errors are not helping your situation much.  This (Page Mill) site is terminal.  You may be postponing the inevitable here.  But ultimately, you need a new web site with a CMS (content management system) you can use to update it. 

                                     

                                     

                                    Nancy O.

                                    Alt-Web Design & Publishing

                                    Web | Graphics | Print | Media  Specialists 

                                    http://alt-web.com/

                                    http://twitter.com/altweb

                                    • 15. Re: I've made a website... not displaying in Internet Explorer
                                      MaeyerE Level 1

                                      Thanks mhollis. I hear you; really I do. Just can't afford it. When I started my web site in 1995, I tried to hire a web designer; but they simply didn't seem to understand what I was trying to do. It was 1995, and there were almost no retail web sites out there, not even a search engine. That's why I dove into Pagemill. I know I have a lot of errors. Maybe one day I'll be able to sort it out; but the web site is drawing in customers and they love it. oof course, they are not professional web designers either. You're right. I wouldn't do my own wiring. In this economy, if I needed one, it would just have to wait. I do appreciate your concern very much. I'm not just ignoring your advice. Its a matter of realities. Maybe 17 years on internet is enough! Best of everything to you!

                                      • 16. Re: I've made a website... not displaying in Internet Explorer
                                        John Waller Adobe Community Professional & MVP

                                        Let me clarify:

                                         

                                        I see your images in IE9 on Windows 7.

                                         

                                        I do not see them in IE on Windows XP, which is presumably what your collectors are viewing your website on.

                                         

                                        The reason is line 5 in your code

                                         

                                        <base href="index.html">

                                         

                                        This is a rarely needed tag and is not required on this website. Do you know why it is there at all?

                                        http://webdesign.about.com/od/htmltags/qt/how-to-use-html-base-tag.htm

                                         

                                        It is also incorrectly written in this case.

                                         

                                        It should read: <base href=http://www.seraphim-classics-angels.com/>. But the browser knows that anyway so it serves no purpose here.

                                         

                                        I suggest you delete it entirely (since it's not doing anything useful) and your images will show.

                                        • 17. Re: I've made a website... not displaying in Internet Explorer
                                          MaeyerE Level 1

                                          Yes Nancy, I can do that. I'll give it a try. As for the errors, I know you are right. I'll try to set aside some time to look into them. There are some suggestions in GoLive; but since I didn't really understand them, I was afraid to try. I appreciate all your suggestions. Hope you have A Very Happy Holiday Season! Wishing you the best of everything. You are all so kind, and obviously well informed. Thank you very much!

                                          • 18. Re: I've made a website... not displaying in Internet Explorer
                                            MaeyerE Level 1

                                            John you are a genius! That absolutely worked! I'm so happy. Now, I feel that I'm not inconveniencing my IE customers any more! If I ever get the cash, I'll hire a professional web designer to sort things out. Surprisingly, my customers are loyal, and love the page. Thankfully I have the shopping cart; so they don't have to shop from my very amateurish web information page. A Very Happy Holiday Season to you! All the very best. Thanks to all of you for your kindness & generosity! Angel Hugs, Maeyer

                                            • 19. Re: I've made a website... not displaying in Internet Explorer
                                              MaeyerE Level 1

                                              Well, I tried to insert the line of code you suggested Nancy; but then I couldn't view my page; so I had to remove it. I'll check out the link you gave me, too. No telling what I did wrong. But no worries! John Waller made a suggestion that worked perfectly! If I ever get in the position to; I certainly will hire a professional web designer.  I really do appreciate all your kindness and generosity. I hope you have a wonderful Holiday Season & a Great New Year!

                                              Angel Hugs, Maeyer