9 Replies Latest reply: Mar 4, 2007 9:33 AM by farrelldoc RSS

    Distorted Images

    farrelldoc Community Member
      I can't figure out why my images are distorted in my browser. Dreamweaver was assigning sizes to my images, so I removed all the sizes, and that didn't help anything. I reimported all the images, and that didn't help. I checked my browser settings, and that didn't help. (I can see all other sites just fine.)

      Here is the URL: www.alvincountryclub.com/index.html

      Thanks,
      Karen
        • 1. Re: Distorted Images
          Newsgroup_User Community Member
          They're not distorted here in FF2 and IE6. Can you upload a screenshot?
          BTW resizing your text in FF2 makes your layers flow into each other because
          of your absolute positioning. Increasing the text size in IE6... doesn't.
          Just thought you'd like to know (o:

          --
          Jo






          "farrelldoc" <webforumsuser@macromedia.com> wrote in message
          news:esckim$ob2$1@forums.macromedia.com...
          >I can't figure out why my images are distorted in my browser. Dreamweaver
          >was
          > assigning sizes to my images, so I removed all the sizes, and that didn't
          > help
          > anything. I reimported all the images, and that didn't help. I checked my
          > browser settings, and that didn't help. (I can see all other sites just
          > fine.)
          >
          > Here is the URL: www.alvincountryclub.com/index.html
          >
          > Thanks,
          > Karen
          >


          • 2. Re: Distorted Images
            bregent CommunityMVP
            >Increasing the text size in IE6... doesn't.

            Increasing the font size messes up the site for me in IE6. Do you have your IE set to ignore specified font sizes?
            • 3. Re: Distorted Images
              Newsgroup_User Community Member
              > Increasing the font size messes up the site for me in IE6. Do you have
              > your IE set to ignore specified font sizes?

              Interesting, no I don't

              --
              Jo


              "bregent" <webforumsuser@macromedia.com> wrote in message
              news:esctcl$2eu$1@forums.macromedia.com...
              > >Increasing the text size in IE6... doesn't.
              >
              > Increasing the font size messes up the site for me in IE6. Do you have
              > your IE set to ignore specified font sizes?


              • 4. Re: Distorted Images
                farrelldoc Community Member
                Thanks for the tip on the layers flowing into each other. I don't see this happening on IE6--even when I resize text. Do you have a solution other than using absolute positioning? This is my first site to do with DW in a LONG time. Thanks again for the help!

                -Karen
                • 5. Re: Distorted Images
                  farrelldoc Community Member
                  I changed the font sized to every different font size available, and the site didn't mess up in IE6 for me. I guess I need to install a few more browsers to test before launch really, but you know how that goes...

                  BTW, when I came home from baseball, all the graphic distortion was gone. Maybe there was just a ghost in the machine. :)
                  • 6. Re: Distorted Images
                    farrelldoc Community Member
                    I spoke too soon! After I changed the font sizes, the images distorted again. Even when I set the font size the same as when I first opened the browser window and then reload, the images are still fuzzy:

                    Screenshot of distorted image

                    Note, the text isn't distorted like the .jpg makes it look, only the image. Helped me to open my browser to full screen to view the .jpg screenshot.
                    • 7. Re: Distorted Images
                      Newsgroup_User Community Member
                      > Do you have a solution other than using absolute positioning?

                      Use tables.

                      Or use non-absolutely positioned elements that rely on the normal flow of
                      the code for their placement on the page. Then, when text is resized making
                      one element expand, it will push adjacent elements accordingly.

                      --
                      Murray --- ICQ 71997575
                      Adobe Community Expert
                      (If you *MUST* email me, don't LAUGH when you do so!)
                      ==================
                      http://www.dreamweavermx-templates.com - Template Triage!
                      http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                      http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                      http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                      ==================


                      "farrelldoc" <webforumsuser@macromedia.com> wrote in message
                      news:ese4ak$4r8$1@forums.macromedia.com...
                      > Thanks for the tip on the layers flowing into each other. I don't see this
                      > happening on IE6--even when I resize text. Do you have a solution other
                      > than
                      > using absolute positioning? This is my first site to do with DW in a LONG
                      > time.
                      > Thanks again for the help!
                      >
                      > -Karen
                      >


                      • 8. Re: Distorted Images
                        Newsgroup_User Community Member
                        As mentioned, if your fonts are sized in pixels, IE will not expand them -
                        all other modern browsers will resize them. You need to check in more than
                        one browser.

                        --
                        Murray --- ICQ 71997575
                        Adobe Community Expert
                        (If you *MUST* email me, don't LAUGH when you do so!)
                        ==================
                        http://www.dreamweavermx-templates.com - Template Triage!
                        http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                        http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                        http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                        ==================


                        "farrelldoc" <webforumsuser@macromedia.com> wrote in message
                        news:ese4l9$549$1@forums.macromedia.com...
                        >I changed the font sized to every different font size available, and the
                        >site
                        > didn't mess up in IE6 for me. I guess I need to install a few more
                        > browsers to
                        > test before launch really, but you know how that goes...
                        >
                        > BTW, when I came home from baseball, all the graphic distortion was gone.
                        > Maybe there was just a ghost in the machine. :)
                        >


                        • 9. Re: Distorted Images
                          farrelldoc Community Member
                          You guys are helping! I did have one of my .css styles set to pixels, so I changed that. The graphics still distort when I change font sizes though. Very annoying. I decided to just not change font sizes and hope that others do the same. ;-)

                          I tried to convert my layers to tables (which was my intention when I created the layers), but that option is unavailable (grayed out) I believe because I'm using templates and that option is not available in templates. Figures. Do I have to zap the layers and recreate with tables? Don't really want to do this since I already have a lot of content in the site. I think I'll stop adding content until I get an answer to THAT question!

                          I also tried every other option other than absolute positioning for the layers, and the site looked like a Picasso. I mean everything was everywhere: banner flew to the bottom of the page, etc. Maybe I just don't know what I'm doing is the other possibility...

                          Thanks for all your help!