15 Replies Latest reply on Jan 19, 2009 2:16 PM by Newsgroup_User

    Background-Image problems

    Amanda9905
      I'm having difficulty getting my background image to appear after I FTP the files. I can get it to show up in DW, but not on the web. I would assume it has something to do with the file paths, but I've tried many many combinations and can't find my error.

      Any ideas?
        • 1. Re: Background-Image problems
          bregent Most Valuable Participant
          We can't find your error either. Do you have a url?
          • 3. Re: Background-Image problems
            Level 7
            On 19 ene 2009, speculumcm wrote in macromedia.dreamweaver:

            Sorry but I can't see any background image in your css code.
            In which section do you want the bg image?

            > Sorry. http://web.missouri.edu/~adwa89/portfolio/index.html

            • 4. Re: Background-Image problems
              Level 7
              It could be this in the CSS file - but I'm not sure by any means

              .twoColHybLtHdr #container {
              width: 60%;
              background-image: (Images/163437.png);
              background: #FFFFFF;
              margin: 0 auto; /* the auto margins (in conjunction with a width) center
              the page */
              border: 1px solid #000000;
              text-align: left; /* this overrides the text-align: center on the body
              element. */
              }


              --
              Jo


              "speculumcm" <noSpam@Real.quimera> wrote in message
              news:Xns9B989013EC001spc@216.104.212.96...
              > On 19 ene 2009, speculumcm wrote in macromedia.dreamweaver:
              >
              > Sorry but I can't see any background image in your css code.
              > In which section do you want the bg image?
              >
              >> Sorry. http://web.missouri.edu/~adwa89/portfolio/index.html
              >


              • 5. Re: Background-Image problems
                Level 7
                Change your CSS declaration block to look like this:

                .twoColHybLtHdr #container {
                width: 60%;
                background: #FFFFFF;
                background-image: url(Images/163437.png);
                margin: 0 auto; /* the auto margins (in conjunction with a width) center the
                page */
                border: 1px solid #000000;
                text-align: left; /* this overrides the text-align: center on the body
                element. */
                }

                You omitted the "url" in the background-image declaration and somehow
                declaring the background-color after background-image overrides the image.
                --

                Walt


                "Amanda9905" <webforumsuser@macromedia.com> wrote in message
                news:gl2l3l$rs5$1@forums.macromedia.com...
                > Sorry. http://web.missouri.edu/~adwa89/portfolio/index.html


                • 6. Re: Background-Image problems
                  Amanda9905 Level 1
                  josie1one, that's where I believe the problem to be. The "background-image: (Images/163437.png);" part of the CSS. Manipulating the file path is what makes the image appear in DW, but no matter how I manipulate it, I can't get it to appear on the web. The image is in my image folder, so I'm at a loss.
                  • 7. Re: Background-Image problems
                    Level 7
                    Use proper CSS syntax:

                    background-image:url(Images/163437.png);

                    The very first error on the W3 CSS validator page is this -

                    17 .twoColHybLtHdr #container Value Error : background-image Parse
                    Error (Images/163437.png)

                    --
                    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
                    ==================


                    "Amanda9905" <webforumsuser@macromedia.com> wrote in message
                    news:gl2obq$26q$1@forums.macromedia.com...
                    > josie1one, that's where I believe the problem to be. The "part of the CSS.
                    > Manipulating the file path is what
                    > makes the image appear in DW, but no matter how I manipulate it, I can't
                    > get it
                    > to appear on the web. The image is in my image folder, so I'm at a loss.
                    >

                    • 8. Re: Background-Image problems
                      Level 7
                      Strangely, adding "url" doesn't fix it, at least not in Fx3. I had to move
                      the background-color declaration to before the background-image. Shouldn't
                      be so but it is. (I'm using the Edit CSS feature on the Web Developers
                      Toolbar.)

                      --

                      Walt


                      "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                      news:gl2p7i$3d2$1@forums.macromedia.com...
                      > Use proper CSS syntax:
                      >
                      > background-image:url(Images/163437.png);
                      >
                      > The very first error on the W3 CSS validator page is this -
                      >
                      > 17 .twoColHybLtHdr #container Value Error : background-image Parse
                      > Error (Images/163437.png)
                      >
                      > --
                      > 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
                      > ==================
                      >
                      >
                      > "Amanda9905" <webforumsuser@macromedia.com> wrote in message
                      > news:gl2obq$26q$1@forums.macromedia.com...
                      >> josie1one, that's where I believe the problem to be. The "part of the
                      >> CSS. Manipulating the file path is what
                      >> makes the image appear in DW, but no matter how I manipulate it, I can't
                      >> get it
                      >> to appear on the web. The image is in my image folder, so I'm at a loss.
                      >>
                      >


                      • 9. Re: Background-Image problems
                        Level 7
                        Yes, well that's happening because the next style SHOULD be
                        'background-color' not 'background'. When you use shorthand, and omit any
                        of the elements of that shorthand, the missing ones are SET TO THE DEFAULT
                        value. Try it - you'll see.

                        --
                        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
                        ==================


                        "Walt F. Schaefer" <walt@waltswebworx.com> wrote in message
                        news:gl2pep$3j2$1@forums.macromedia.com...
                        > Strangely, adding "url" doesn't fix it, at least not in Fx3. I had to move
                        > the background-color declaration to before the background-image. Shouldn't
                        > be so but it is. (I'm using the Edit CSS feature on the Web Developers
                        > Toolbar.)
                        >
                        > --
                        >
                        > Walt
                        >
                        >
                        > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                        > news:gl2p7i$3d2$1@forums.macromedia.com...
                        >> Use proper CSS syntax:
                        >>
                        >> background-image:url(Images/163437.png);
                        >>
                        >> The very first error on the W3 CSS validator page is this -
                        >>
                        >> 17 .twoColHybLtHdr #container Value Error : background-image Parse
                        >> Error (Images/163437.png)
                        >>
                        >> --
                        >> 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
                        >> ==================
                        >>
                        >>
                        >> "Amanda9905" <webforumsuser@macromedia.com> wrote in message
                        >> news:gl2obq$26q$1@forums.macromedia.com...
                        >>> josie1one, that's where I believe the problem to be. The "part of the
                        >>> CSS. Manipulating the file path is what
                        >>> makes the image appear in DW, but no matter how I manipulate it, I can't
                        >>> get it
                        >>> to appear on the web. The image is in my image folder, so I'm at a
                        >>> loss.
                        >>>
                        >>
                        >
                        >

                        • 10. Re: Background-Image problems
                          GhengisJones Level 1
                          I just noticed that Properties in DW CS4 doesn't allow for a background image of a table whilst DW8 does.

                          There appears to be a field for background images in CS4 but it is grayed out.

                          Why?
                          • 11. Re: Background-Image problems
                            Amanda9905 Level 1
                            THANK YOU! THANK YOU! THANK YOU!! I didn't even think about the color over-riding the image. That was the problem.
                            • 12. Re: Background-Image problems
                              Level 7
                              Use CSS to apply your background images.

                              --
                              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
                              ==================


                              "GhengisJones" <webforumsuser@macromedia.com> wrote in message
                              news:gl2qd9$4nh$1@forums.macromedia.com...
                              >I just noticed that Properties in DW CS4 doesn't allow for a background
                              >image of a table whilst DW8 does.
                              >
                              > There appears to be a field for background images in CS4 but it is grayed
                              > out.
                              >
                              > Why?

                              • 13. Re: Background-Image problems
                                Level 7
                                Poor CSS use was the problem. It really had nothing to do with color
                                overriding image....

                                --
                                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
                                ==================


                                "Amanda9905" <webforumsuser@macromedia.com> wrote in message
                                news:gl2qh4$4rn$1@forums.macromedia.com...
                                > THANK YOU! THANK YOU! THANK YOU!! I didn't even think about the color
                                > over-riding the image. That was the problem.

                                • 14. Re: Background-Image problems
                                  Level 7
                                  That's what I missed. Even though she used the shorthand version of
                                  background somehow I read it as the longhand version. So here I have a
                                  lifetime of my mind being a blank and suddenly my mind starts filling in
                                  blanks. Yikes!

                                  Thanks.

                                  --

                                  Walt


                                  "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                  news:gl2pon$40p$1@forums.macromedia.com...
                                  > Yes, well that's happening because the next style SHOULD be
                                  > 'background-color' not 'background'. When you use shorthand, and omit any
                                  > of the elements of that shorthand, the missing ones are SET TO THE DEFAULT
                                  > value. Try it - you'll see.
                                  >
                                  > --
                                  > 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
                                  > ==================
                                  >
                                  >
                                  > "Walt F. Schaefer" <walt@waltswebworx.com> wrote in message
                                  > news:gl2pep$3j2$1@forums.macromedia.com...
                                  >> Strangely, adding "url" doesn't fix it, at least not in Fx3. I had to
                                  >> move the background-color declaration to before the background-image.
                                  >> Shouldn't be so but it is. (I'm using the Edit CSS feature on the Web
                                  >> Developers Toolbar.)
                                  >>
                                  >> --
                                  >>
                                  >> Walt
                                  >>
                                  >>
                                  >> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                  >> news:gl2p7i$3d2$1@forums.macromedia.com...
                                  >>> Use proper CSS syntax:
                                  >>>
                                  >>> background-image:url(Images/163437.png);
                                  >>>
                                  >>> The very first error on the W3 CSS validator page is this -
                                  >>>
                                  >>> 17 .twoColHybLtHdr #container Value Error : background-image
                                  >>> Parse Error (Images/163437.png)
                                  >>>
                                  >>> --
                                  >>> 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
                                  >>> ==================
                                  >>>
                                  >>>
                                  >>> "Amanda9905" <webforumsuser@macromedia.com> wrote in message
                                  >>> news:gl2obq$26q$1@forums.macromedia.com...
                                  >>>> josie1one, that's where I believe the problem to be. The "part of the
                                  >>>> CSS. Manipulating the file path is what
                                  >>>> makes the image appear in DW, but no matter how I manipulate it, I
                                  >>>> can't get it
                                  >>>> to appear on the web. The image is in my image folder, so I'm at a
                                  >>>> loss.
                                  >>>>
                                  >>>
                                  >>
                                  >>
                                  >


                                  • 15. Re: Background-Image problems
                                    Level 7
                                    > So here I have a lifetime of my mind being a blank and suddenly my mind
                                    > starts filling in blanks. Yikes!

                                    Suspicions confirmed....

                                    --
                                    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
                                    ==================


                                    "Walt F. Schaefer" <walt@waltswebworx.com> wrote in message
                                    news:gl2t5h$7rl$1@forums.macromedia.com...
                                    > That's what I missed. Even though she used the shorthand version of
                                    > background somehow I read it as the longhand version. So here I have a
                                    > lifetime of my mind being a blank and suddenly my mind starts filling in
                                    > blanks. Yikes!
                                    >
                                    > Thanks.
                                    >
                                    > --
                                    >
                                    > Walt
                                    >
                                    >
                                    > "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                    > news:gl2pon$40p$1@forums.macromedia.com...
                                    >> Yes, well that's happening because the next style SHOULD be
                                    >> 'background-color' not 'background'. When you use shorthand, and omit
                                    >> any of the elements of that shorthand, the missing ones are SET TO THE
                                    >> DEFAULT value. Try it - you'll see.
                                    >>
                                    >> --
                                    >> 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
                                    >> ==================
                                    >>
                                    >>
                                    >> "Walt F. Schaefer" <walt@waltswebworx.com> wrote in message
                                    >> news:gl2pep$3j2$1@forums.macromedia.com...
                                    >>> Strangely, adding "url" doesn't fix it, at least not in Fx3. I had to
                                    >>> move the background-color declaration to before the background-image.
                                    >>> Shouldn't be so but it is. (I'm using the Edit CSS feature on the Web
                                    >>> Developers Toolbar.)
                                    >>>
                                    >>> --
                                    >>>
                                    >>> Walt
                                    >>>
                                    >>>
                                    >>> "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                                    >>> news:gl2p7i$3d2$1@forums.macromedia.com...
                                    >>>> Use proper CSS syntax:
                                    >>>>
                                    >>>> background-image:url(Images/163437.png);
                                    >>>>
                                    >>>> The very first error on the W3 CSS validator page is this -
                                    >>>>
                                    >>>> 17 .twoColHybLtHdr #container Value Error : background-image
                                    >>>> Parse Error (Images/163437.png)
                                    >>>>
                                    >>>> --
                                    >>>> 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
                                    >>>> ==================
                                    >>>>
                                    >>>>
                                    >>>> "Amanda9905" <webforumsuser@macromedia.com> wrote in message
                                    >>>> news:gl2obq$26q$1@forums.macromedia.com...
                                    >>>>> josie1one, that's where I believe the problem to be. The "part of the
                                    >>>>> CSS. Manipulating the file path is what
                                    >>>>> makes the image appear in DW, but no matter how I manipulate it, I
                                    >>>>> can't get it
                                    >>>>> to appear on the web. The image is in my image folder, so I'm at a
                                    >>>>> loss.
                                    >>>>>
                                    >>>>
                                    >>>
                                    >>>
                                    >>
                                    >
                                    >