6 Replies Latest reply on Oct 3, 2007 1:32 PM by Newsgroup_User

    background-image: HELP!

    redsox rich Level 1
      I have a div tag named #content-container I have attempted to apply a background-image. When I FTP to my host site, the background does not show up. I am pretty sure the link is correct. Are there known reasons why a background image wont show up?

      Link to my site

      This is the CSS for the main container, header, navigation and content container. The content-container is where the background image is applied.

      #main-container {
      width:800px;
      margin-right:auto;
      margin-left:auto;
      height:auto;
      background-color:black;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      color:white;
      }
      #header {
      width:800px;
      border:0;
      padding:0;
      height:120px;
      }
      #navigation {
      width:800px;
      height:25px;
      border:0;
      padding:15px 0px 15px 0px;
      }
      #content-container {
      width:800px;
      height:800px;
      border:0;
      padding:0;
      background-repeat: no-repeat;
      background-image: url( http://www.richviano.com/assets/images/index-bg-img.png);
      }

      Thank you in advance. I appreciate your knowledge.
        • 1. Re: background-image: HELP!
          bregent Most Valuable Participant
          It shows up for me. You just may not be patient enough. The image is over 1mbyte and takes about 7-8 seconds to load on broadband. You don't want to do that.
          • 2. Re: background-image: HELP!
            bregent Most Valuable Participant
            You also have 72 validation errors. Also, I would rethink the use of an animated banner. Animation draws the visitors attention away from the rest of your page. Thats fine if it's an ad you are running, but it's counterproductive in your case.
            • 3. Re: background-image: HELP!
              stefan_we.
              quote:

              Originally posted by: bregent
              Also, I would rethink the use of an animated banner. Animation draws the visitors attention away from the rest of your page. Thats fine if it's an ad you are running, but it's counterproductive in your case.


              Plus, your animation looks a bit scruffy. However I don't see a background-image either. Did you upload the *.png-file? Because if I look fpr the file as such, I get a 404.
              • 4. Re: background-image: HELP!
                Level 7
                I can't see a background image - I also can't find #content-container in
                your code. Is it me or is it not there?

                --
                Jo


                "redsox rich" <webforumsuser@macromedia.com> wrote in message
                news:fduvln$662$1@forums.macromedia.com...
                >I have a div tag named #content-container I have attempted to apply a
                > background-image. When I FTP to my host site, the background does not
                > show up.
                > I am pretty sure the link is correct. Are there known reasons why a
                > background image wont show up?
                >
                > http://www.richviano.com
                >
                > This is the CSS for the main container, header, navigation and content
                > container. The content-container is where the background image is
                > applied.
                >
                > #main-container {
                > width:800px;
                > margin-right:auto;
                > margin-left:auto;
                > height:auto;
                > background-color:black;
                > font-family:Verdana, Arial, Helvetica, sans-serif;
                > color:white;
                > }
                > #header {
                > width:800px;
                > border:0;
                > padding:0;
                > height:120px;
                > }
                > #navigation {
                > width:800px;
                > height:25px;
                > border:0;
                > padding:15px 0px 15px 0px;
                > }
                > #content-container {
                > width:800px;
                > height:800px;
                > border:0;
                > padding:0;
                > background-repeat: no-repeat;
                > background-image:
                > url( http://www.richviano.com/assets/images/index-bg-img.png);
                > }
                >
                > Thank you in advance. I appreciate your knowledge.
                >


                • 5. Re: background-image: HELP!
                  bregent Most Valuable Participant
                  >I can't see a background image - I also can't find #content-container in
                  >your code. Is it me or is it not there?

                  The source has changed completely since he posted his original question. I wouldn't waste any more time until the OP replies again.
                  • 6. Re: background-image: HELP!
                    Level 7
                    OK, I'll wait with bated breath (o:

                    --
                    Jo


                    "bregent" <webforumsuser@macromedia.com> wrote in message
                    news:fe0mqg$qnv$1@forums.macromedia.com...
                    > >I can't see a background image - I also can't find #content-container in
                    > >your code. Is it me or is it not there?
                    >
                    > The source has changed completely since he posted his original question. I
                    > wouldn't waste any more time until the OP replies again.
                    >