8 Replies Latest reply on Aug 5, 2008 1:41 PM by Newsgroup_User

    Template Images Move w/ Different Browser Window Sizing

    dbodrero
      I need to know if it is possible to "lock" the images I have in my template so that when the browser window is resized the elements do not move and relocate themselves. If the window is sized down I just want it to cut off the images. Anyone have any suggestions? The help is greatly appreciated.
        • 1. Re: Template Images Move w/ Different Browser Window Sizing
          Level 7
          This is not the functionality of a Template. What you are describing is
          caused by the HTML layout method you have chosen. The only way to solve it
          would be to change the layout method, not to adjust the Template. Can you
          show us your page? We can tell you exactly what needs to be done with a
          glance at the page's code.

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          ==================


          "dbodrero" <webforumsuser@macromedia.com> wrote in message
          news:g764m1$fdj$1@forums.macromedia.com...
          >I need to know if it is possible to "lock" the images I have in my template
          >so
          > that when the browser window is resized the elements do not move and
          > relocate
          > themselves. If the window is sized down I just want it to cut off the
          > images.
          > Anyone have any suggestions? The help is greatly appreciated.
          >

          • 2. Re: Template Images Move w/ Different Browser Window Sizing
            dbodrero Level 1
            Thank you very much for the help. Attached is the code from one of the pages that is having the problems.

            • 3. Re: Template Images Move w/ Different Browser Window Sizing
              dbodrero Level 1
              should I show the code used in the template page instead?
              • 4. Re: Template Images Move w/ Different Browser Window Sizing
                Level 7
                Instead of what?

                --
                Murray --- ICQ 71997575
                Adobe Community Expert
                (If you *MUST* email me, don't LAUGH when you do so!)
                ==================
                http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                ==================


                "dbodrero" <webforumsuser@macromedia.com> wrote in message
                news:g7a0vc$1pb$1@forums.macromedia.com...
                > should I show the code used in the template page instead?

                • 5. Re: Template Images Move w/ Different Browser Window Sizing
                  dbodrero Level 1
                  I posted the code from one of the pages having the problem above. Is this what is needed to look at or do we need to look into the code for the template page? Thanks.
                  • 6. Re: Template Images Move w/ Different Browser Window Sizing
                    Level 7
                    Did you see my previous extensive reply?

                    Suggestion 1: it's a bad idea to use file/pathnames that contain spaces (or
                    any punctuation other than hyphen or underscore) like this -
                    background-image: url(../images/IW%20background%20file2.jpg);
                    ../images/top row/toppic3.jpg'
                    -----------------^

                    Suggestion 2: The indent icons are NOT appropriate for general layout. The
                    have a SEMANTIC meaning (what is contained within them should be quoted
                    material)....
                    <blockquote>
                    <p><a href="#" onmouseout="MM_swapImgRestore()"

                    Suggestion 3: When you want help with a layout problem, the best bet is to
                    upload the offending page and post a link to it, rather than to just paste
                    the code into a reply.

                    Suggestion 4: All layout problems are related to a) the HTML markup you have
                    on the page, and perhaps b) the CSS that cascades into that markup. Most of
                    the answers given here will be given referencing HTML/CSS markup. To
                    understand the answers that are given, you will need to have some
                    understanding of HTML and CSS (and you will *definitely* need this to work
                    effectively with DW). So -

                    The images across the top of your page are simply adjacent image tags
                    contained within anchor tags, which are all contained within a single
                    paragraph tag, within a blockquote tag, directly within the body of the
                    page, e.g.,

                    <body>...<blockquote><p><a><img></a><a><img></a><a><img></a><p>

                    The <blockquote> tag is a block tag. A block tag fills the width of its
                    container, whatever that might be. This <blockquote> tag, therefore, will
                    therefore reach from the left page margin to the right page margin, because
                    it is only contained within the <body> tags - i.e., there is no container
                    wrapping the <blockquote> other than the <body></body> tags. As the browser
                    viewport width changes, the space between the page's left and right margins
                    changes concommitantly, reducing or enlarging the amount of space in which
                    the <blockquote> tag sites. Thus, the effective width of the blockquote tag
                    is affected immediately by the browser viewport width. In a similar
                    fashion, the <p> tag, also a block tag, changes its width to accommodate the
                    flexing of the viewport window. Since the images are just arrayed in
                    adjacent locations within that <p> tag, if the width of the <p> tag is less
                    than the aggregate width of the images, then the images will wrap to the
                    next line.

                    Is that the "motion" you are seeing? If so, it's unrelated to the
                    incidental fact that the page is also made from a Template.

                    You can fix this with a bludgeon or a scalpel.

                    Bludgeon: Use CSS to give that <p> tag an explict width, and to set overflow
                    to hidden, e.g.,

                    <p style="width:969px;overflow:hidden;">....

                    Scalpel: Redesign the page layout....

                    Hope that helps.


                    --
                    Murray --- ICQ 71997575
                    Adobe Community Expert
                    (If you *MUST* email me, don't LAUGH when you do so!)
                    ==================
                    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                    ==================


                    "dbodrero" <webforumsuser@macromedia.com> wrote in message
                    news:g7a3ep$4d6$1@forums.macromedia.com...
                    >I posted the code from one of the pages having the problem above. Is this
                    >what is needed to look at or do we need to look into the code for the
                    >template page? Thanks.

                    • 7. Re: Template Images Move w/ Different Browser Window Sizing
                      dbodrero Level 1
                      Murray
                      Thanks a lot.
                      Going to take some time to fix this.
                      • 8. Re: Template Images Move w/ Different Browser Window Sizing
                        Level 7
                        Good luck! Slow and steady....

                        --
                        Murray --- ICQ 71997575
                        Adobe Community Expert
                        (If you *MUST* email me, don't LAUGH when you do so!)
                        ==================
                        http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                        http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                        ==================


                        "dbodrero" <webforumsuser@macromedia.com> wrote in message
                        news:g7a71i$8bd$1@forums.macromedia.com...
                        > Murray
                        > Thanks a lot.
                        > Going to take some time to fix this.