Loading ...
Sorry, an error occurred while loading the content.

Image Displays in FF But Not In MSIE

Expand Messages
  • Ray Shapp
    To All, A very simple page displays as expected in Firefox v3.0.5, but only the place-holder for the image displays in MSIE v7. See the entire text for the web
    Message 1 of 16 , Jan 21, 2009
    • 0 Attachment
      To All,

      A very simple page displays as expected in Firefox v3.0.5, but only the
      place-holder for the image displays in MSIE v7. See the entire text for the
      web page below my signature.

      In MSIE, the place-holder contains a tiny square with a red "X" in it, and the
      alt text is displayed next to the tiny square. Both the image file and the HTM
      file reside on my local PC only. I haven't uploaded any of this to our
      website.

      When I launch "Tidy HTML code" on this file, it reports two warnings as
      follows:

      line 5 column 3 - Warning: <link> escaping malformed URI reference
      line 18 column 1 - Warning: <img> escaping malformed URI reference

      I don't understand what these warnings mean or how to address them.

      Thank you for your help.

      Ray Shapp

      *** Contents of "Test.htm" follow after one blank line***

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">
      <html>
      <head>
      <title>title</title>
      <link rev="made" href="mailto:not given">
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
      <meta name="generator" content="NoteTab Pro 5.7b">
      <meta name="author" content="Ray Shapp">
      <meta name="description" content="descript">
      <meta name="keywords" content="">
      </head>

      <body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080"
      alink="#FF0000">

      <h1>title</h1>

      <p>Paragraph Head<br>
      <img src="./events/gifs/AAI 60th Logo Medium.jpg" width="300" height="450"
      border="0" alt="60th anniversary logo"></p>

      <hr>
      <p><small>Created on ... January 21, 2009</small></p>
      </body>
      </html>
    • Bert Byfield
      ... This is an HTML problem, not a NoteTab problem. Firefox forgives you but IE does not. Work on the HTML errors until they go away. ... Probably the blank in
      Message 2 of 16 , Jan 21, 2009
      • 0 Attachment
        > A very simple page displays as expected in Firefox v3.0.5, but only the
        > place-holder for the image displays in MSIE v7. See the entire text for the
        > web page below my signature.
        > In MSIE, the place-holder contains a tiny square with a red "X" in it, and the
        > alt text is displayed next to the tiny square. Both the image file and the HTM
        > file reside on my local PC only. I haven't uploaded any of this to our
        > website.
        > When I launch "Tidy HTML code" on this file, it reports two warnings as
        > follows:
        > line 5 column 3 - Warning: <link> escaping malformed URI reference
        > line 18 column 1 - Warning: <img> escaping malformed URI reference
        > I don't understand what these warnings mean or how to address them.

        This is an HTML problem, not a NoteTab problem. Firefox forgives you but
        IE does not. Work on the HTML errors until they go away.

        > <link rev="made" href="mailto:not given">

        Probably the blank in the email address.

        > <img src="./events/gifs/AAI 60th Logo Medium.jpg" width="300" height="450"
        > border="0" alt="60th anniversary logo"></p>

        Blanks (in the src) again. Might have to be changed to "%20" or
        something. I always use the old DOS 8.3 naming convention (and all lower
        case) to avoid this stuff, myself.
      • Don - HtmlFixIt.com
        Wish I had the real link, but I suspect that the spaces in the link are causing the issue. Try replacing them with %20 and I suspect they will begin working.
        Message 3 of 16 , Jan 21, 2009
        • 0 Attachment
          Wish I had the real link, but I suspect that the spaces in the link are
          causing the issue. Try replacing them with %20 and I suspect they will
          begin working. You should never use spaces in a file name to be used
          online. Just bad form.

          Don


          > <p>Paragraph Head<br>
          > <img src="./events/gifs/AAI 60th Logo Medium.jpg" width="300" height="450"
          > border="0" alt="60th anniversary logo"></p>
          >
          > <hr>
          > <p><small>Created on ... January 21, 2009</small></p>
          > </body>
          > </html>
        • Cary Driscoll
          Are the images RGB? If you are using Photoshop, use save for web to save images. ... From: Ray Shapp Sent: Wednesday, January 21, 2009 8:30 PM Subject: [NH]
          Message 4 of 16 , Jan 21, 2009
          • 0 Attachment
            Are the images RGB? If you are using Photoshop, use save for web to save
            images.


            ----- Original Message -----
            From: "Ray Shapp"
            Sent: Wednesday, January 21, 2009 8:30 PM
            Subject: [NH] Image Displays in FF But Not In MSIE


            > To All,
            >
            > A very simple page displays as expected in Firefox v3.0.5, but only the
            > place-holder for the image displays in MSIE v7. See the entire text for
            > the
            > web page below my signature.
          • Ray Shapp
            Hi Bert and Don, Thank you for the quick replies. I should not have sent the Text.htm text as I did. It was a simplified snippet from a much larger page. The
            Message 5 of 16 , Jan 21, 2009
            • 0 Attachment
              Hi Bert and Don,

              Thank you for the quick replies.

              I should not have sent the "Text.htm" text as I did. It was a simplified
              snippet from a much larger page. The Tidy errors and the blank spaces
              distracted you from the root problem. Here is an even more simplified version
              that still behaves badly as described previously. Firefox displays the
              graphic, but MSIE shows only the place-holder.

              Tidy reports no warnings or errors.

              I have renamed the graphic and I have uploaded it to our website. You can see
              the graphic at>>>

              http://www.asterism.org/events/gifs/AAI.jpg

              Thanks again.

              Ray Shapp


              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
              "http://www.w3.org/TR/html4/loose.dtd">
              <html>
              <head>
              <title>title</title>
              </head>
              <body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080"
              alink="#FF0000">
              <h1>title</h1>

              <p>Paragraph Head<br>
              <img src="./events/gifs/AAI.jpg" width="300" height="450" border="0" alt="60th
              anniversary logo"></p>

              <hr>
              <p><small>Created on ... January 21, 2009</small></p>
              </body>
              </html>
            • loro
              ... The image is corrupt, or has some properties that make IE incapable of displaying it. If the image is created in PhotoShop, do as Cary suggested and use
              Message 6 of 16 , Jan 21, 2009
              • 0 Attachment
                Ray Shapp wrote:
                > http://www.asterism.org/events/gifs/AAI.jpg

                The image is corrupt, or has some properties that make IE incapable
                of displaying it.

                If the image is created in PhotoShop, do as Cary suggested and use
                "Save for Web" (or whatever it's called). I don't use PS myself, but
                I've seen JPGs from it before that IE can't display. I don't know
                what PS does with them. A JPG should be a JPG, one would think. Does
                anyone know what's up with this?

                Lotta
              • loro
                ... Just recalled that older versions of gecko don t display those PS JPGs either, and it turns out that my K-Mel that is a little behind version-wise can t
                Message 7 of 16 , Jan 21, 2009
                • 0 Attachment
                  loro wrote:
                  >Ray Shapp wrote:
                  > > http://www.asterism.org/events/gifs/AAI.jpg
                  >
                  >The image is corrupt, or has some properties that make IE incapable
                  >of displaying it.

                  Just recalled that older versions of gecko don't display those PS
                  JPGs either, and it turns out that my K-Mel that is a little behind
                  version-wise can't show your image.

                  Cary, you asked if Ray used RGB. Does PS embed colorspace information
                  if you don't save for web?

                  Lotta
                • Ray Shapp
                  Hi Cary, That was it!!! The original graphic came to me as a 3.5MB RGB JPG file. I used Photoshop to reduce the file size, but I was not aware of and had never
                  Message 8 of 16 , Jan 21, 2009
                  • 0 Attachment
                    Hi Cary,

                    That was it!!! The original graphic came to me as a 3.5MB RGB JPG file. I used
                    Photoshop to reduce the file size, but I was not aware of and had never
                    encountered any need for the "Save for Web" feature.

                    I didn't ask the right question in my original posting, but you were able to
                    anticipate the problem perfectly. Many thanks.

                    Ray Shapp

                    ----- Original Message -----
                    From: "Cary Driscoll" <carydriscoll@...>
                    To: <ntb-html@yahoogroups.com>
                    Sent: Thursday, January 22, 2009 12:01 AM
                    Subject: Re: [NH] Image Displays in FF But Not In MSIE


                    > Are the images RGB? If you are using Photoshop, use save for web to save
                    > images.
                    >
                  • Ray Shapp
                    Hi Lotta, Up until now I would have said the same thing.
                    Message 9 of 16 , Jan 21, 2009
                    • 0 Attachment
                      Hi Lotta,

                      <<A JPG should be a JPG, one would think.>>

                      Up until now I would have said the same thing.



                      <<Cary, you asked if Ray used RGB. Does PS embed colorspace information if you
                      don't save for web?>>

                      Photoshop must be saving something extra because that original 3.5MB file was
                      reduced to 323 KB when I used "Save for Web & Devices...". At the same
                      resolution, the file size was reduced to 578KB when I used simply "Save
                      as...".

                      BTW, I had tried many iterations of this problem before I made my original
                      posting. Long file names with and without embedded spaces made no differences.
                      I do agree, however, that embedded spaces can cause troubles.

                      Thanks again to all who responded.

                      Ray Shapp
                    • Jeff Scism
                      This is an HTML problem, not a NoteTab problem. Firefox forgives you but IE does not. Work on the HTML errors until they go away. ... This needs to be closed
                      Message 10 of 16 , Jan 21, 2009
                      • 0 Attachment
                        This is an HTML problem, not a NoteTab problem. Firefox forgives you but
                        IE does not. Work on the HTML errors until they go away.

                        > <link rev="made" href="mailto:not given">


                        This needs to be closed with "</A>" preceded with the text that will be
                        visable to the user.
                        Probably the blank in the email address.

                        > <img src="./events/gifs/AAI 60th Logo Medium.jpg" width="300"
                        height="450" border="0" alt="60th anniversary logo"></p>

                        Start with "img src="../" NOT just one "dot".


                        Hope this works for you


                        Blanks (in the src) again. Might have to be changed to "%20" or
                        something. I always use the old DOS 8.3 naming convention (and all lower
                        case) to avoid this stuff, myself.
                      • Cary Driscoll
                        RGB is what you need for the web. Photoshop can also save jpgs using CMYK which IE can t handle. ... From: Ray Shapp Sent: Wednesday, January 21, 2009 9:58
                        Message 11 of 16 , Jan 21, 2009
                        • 0 Attachment
                          RGB is what you need for the web. Photoshop can also save jpgs using CMYK
                          which IE can't handle.


                          ----- Original Message -----
                          From: "Ray Shapp"
                          Sent: Wednesday, January 21, 2009 9:58 PM
                          Subject: Re: [NH] Image Displays in FF But Not In MSIE


                          > Hi Lotta,
                          >
                          > <<A JPG should be a JPG, one would think.>>
                          >
                          > Up until now I would have said the same thing.
                          >
                          >
                          >
                          > <<Cary, you asked if Ray used RGB. Does PS embed colorspace information if
                          > you
                          > don't save for web?>>
                        • Michael Rawley
                          Hi Ray, Many of the points have already been covered, but here are a few more: Title==Should be informative and snappy. It is the name under which a user
                          Message 12 of 16 , Jan 22, 2009
                          • 0 Attachment
                            Hi Ray,

                            Many of the points have already been covered, but here are a few more:

                            Title==Should be informative and snappy. It is the name under which a
                            user saves your web page. Make it informative when the user sees it in
                            his/her folder. Your page appears to be a template for other pages.

                            Meta (description and keywords)== Either fill these in or leave out
                            altogether. Search engine robots use these to find out what your web
                            site is about, so they have their uses.

                            Body tag== These attributes are better put into a cascading style sheet.
                            See www.normist.co.uk for a web authoring course.

                            img== the url of your logo is wrong. If you mean to up one folder level.
                            use '../' Note the two dots. I agree with what has been said about
                            spaces. If you must make it look as though there are spaces, use the
                            underscore character like_this.

                            Paragraph head== is not part of a paragraph. Use <h2></h2> to <h6><?h6>

                            br and hr tags== should be <br /> and <hr /> . They are a self-closing
                            tags, called empty tags, as is the img tag!

                            small tag== I must admit that I thought this was deprecated, but it is
                            quite correct.

                            Hope these thoughts help.

                            Regards

                            Michael Rawley.
                          • Don - HtmlFixIt.com
                            In addition to hr and br being self closing, img is also a self closing tag that should end with /
                            Message 13 of 16 , Jan 22, 2009
                            • 0 Attachment
                              In addition to hr and br being self closing, img is also a self closing
                              tag that should end with />
                              >> <img src="./events/gifs/AAI 60th Logo Medium.jpg" width="300"
                              > height="450" border="0" alt="60th anniversary logo"></p>
                              >
                            • loro
                              ... Only if you write XHTML.. ... Lotta
                              Message 14 of 16 , Jan 22, 2009
                              • 0 Attachment
                                Don wrote:
                                >In addition to hr and br being self closing, img is also a self closing
                                >tag that should end with />
                                > >> <img src="./events/gifs/AAI 60th Logo Medium.jpg" width="300"
                                > > height="450" border="0" alt="60th anniversary logo"></p>

                                Only if you write XHTML..

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

                                Lotta
                              • Alec Burgess
                                Bert Byfield (bbyfield@caravelabooks.com) wrote (in part) (on ... Ray: One more ... being pretty much a novice at HTML myself. In standard library HTML I used
                                Message 15 of 16 , Jan 22, 2009
                                • 0 Attachment
                                  Bert Byfield (bbyfield@...) wrote (in part) (on
                                  2009-01-21 at 23:49):
                                  > <img src="./events/gifs/AAI 60th Logo Medium.jpg" width="300"
                                  > height="450"
                                  > > border="0" alt="60th anniversary logo"></p>
                                  >
                                  > Blanks (in the src) again. Might have to be changed to "%20" or
                                  > something. I always use the old DOS 8.3 naming convention (and all
                                  > lower
                                  > case) to avoid this stuff, myself.

                                  Ray: One more ... being pretty much a novice at HTML myself.

                                  In standard library HTML I used Image wizard
                                  The html file I was working with was: D:\Temp\NoName01.html (a copy of
                                  the first source you posted)
                                  I pasted file name in the wizard as: D:\Temp\picswork\Flat\Billie Piper
                                  01.jpg leaving remainder of fields blank.
                                  and it generated: <img src="picswork/flat/billie%20piper%2001.jpg"
                                  width="340" height="450" border="0">
                                  which works :-)

                                  Note that it figured out that folder picswork is in the same folder as
                                  the HTML file (I would have guessed that either ./ or ../ was needed but
                                  apparently not?) and translated spaces in file name to %20 as required.

                                  Eric and Jody do/did good work :-)
                                  It appears the "heavy lifting" for the filename changes is being done
                                  by: ^!InsertWizardHtml though its documentation doesn't say anything
                                  about this translation.

                                  Cary guessed the image-file problem which I might never have got!

                                  --
                                  Regards ... Alec (buralex@gmail & WinLiveMess - alec.m.burgess@skype)




                                  [Non-text portions of this message have been removed]
                                • Ray Shapp
                                  To All, Alec said, Cary guessed the image-file problem which I might never have got! . That s exactly correct. Cary also correctly supplied the solution to my
                                  Message 16 of 16 , Jan 23, 2009
                                  • 0 Attachment
                                    To All,

                                    Alec said, "Cary guessed the image-file problem which I might never have
                                    got!". That's exactly correct. Cary also correctly supplied the solution to my
                                    problem by alerting me to the "Save for Web & Devices" function in Photoshop.

                                    All the comments about blanks spaces in file name or length of file name or
                                    the tags in the code snippet are well-intentioned, but they miss the point.
                                    That small web page is what NoteTab itself generates when one uses the HTML
                                    template in the HTML clip library supplied with NT Pro (I'm using version
                                    5.7b).

                                    Thanks to all who responded.

                                    Ray Shapp
                                  Your message has been successfully submitted and would be delivered to recipients shortly.