We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

Strange behavior of a TV Image with IEPngFix

    • 2901
    • 277 Posts
    bbeer Reply #1, 16 years, 3 months ago
    Hi everybody
    I have a real strange problem. I’ve created a TV of type Image to use in a ditto call, which actually works perfet well except when I use .png as Image type. They are not being displayed in any IE win. on this site
    http://www.francinejordi.ch/Sponsoren

    Thanks for your help
      • 4310
      • 2,310 Posts
      bunk58 Reply #2, 16 years, 3 months ago
      The source code for IE7 :
      <img src="assets/images/spacer.png" style="width: 0; height: 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/LogoSponsoren/Sennheiser-Logo.png', sizingMethod=image);" alt="Sennheiser" class="imgLogo" style="none" />

      For FFox :
      <img  src="assets/images/LogoSponsoren/Sennheiser-Logo.png" alt="Sennheiser" class="imgLogo" style="none"  />


      I’m not familiar with the IE code!

      David
        • 2901
        • 277 Posts
        bbeer Reply #3, 16 years, 3 months ago
        the code for IE is generated by the PNGfix (http://modxcms.com/PNG-Alpha-Transparency-for-MSIE-652.html), supposed to make IE display transparent PNG’s properly. But that I don’t get no images at all is really strange. I am not sure if it has to do with the TV type image widget image.
          • 4310
          • 2,310 Posts
          bunk58 Reply #4, 16 years, 3 months ago
          My understanding is that IE7 is O.K. for PNG’s but IE6 isn’t.
          Also I think there is a built in transparency fix available to add to the head section of a template that came with MODx 0.9.5
          <!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
body { behavior: url(assets/js/csshover.htc); } /* hover:anything support */
</style>
<script type="text/javascript" src="assets/js/sleight.js"></script>
<![endif]-->

          Might be worth a try if no-one else has an answer!
            • 2901
            • 277 Posts
            bbeer Reply #5, 16 years, 3 months ago
            well I guess I’ll give it a try tomorrow, however that the images are not displayed at all is a rather strange thing.
              • 2901
              • 277 Posts
              bbeer Reply #6, 16 years, 3 months ago
              ok I tried this solution. the pngs are being displayed again, but not transparent, so htis is not really the solution either.

              Hope there si another solution to the problem.
                • 7455
                • 2,204 Posts
                Dimmy Reply #7, 16 years, 3 months ago
                the problem is that you did not give the width and height of the image in the tv
                that way the image wil be 0x0 pixels so invisible.

                always add width and height to your image tag for the IEpng hack to work.

                Dimmy
                  follow me on twitter: @dimmy01
                  • 2901
                  • 277 Posts
                  bbeer Reply #8, 16 years, 3 months ago
                  Dimmy thanks

                  so with other words I have to predefine the image size, or is there a way create the size according to the image?
                    • 7455
                    • 2,204 Posts
                    Dimmy Reply #9, 16 years, 3 months ago
                    I normaly use a rich text editor tv for that when placing a png with the wysiwyg editor the size is also placed in the tag. just make sure they do not press enter or else your image wil have <p> tags

                    Dimmy
                      follow me on twitter: @dimmy01
                      • 7455
                      • 2,204 Posts
                      Dimmy Reply #10, 16 years, 3 months ago
                      I hope that the time will arrive soon that IE6 is totally abandoned Man I hate IE
                      Dimmy
                        follow me on twitter: @dimmy01