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

Re: [NH] Image Displays in FF But Not In MSIE

Expand Messages
  • 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 1 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 2 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 3 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 4 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 5 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 6 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 7 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 8 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 9 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 10 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 11 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 12 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 13 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.