Web Analytics Made Easy -
StatCounter Background image disappearing on click... - CodingForum

Announcement

Collapse
No announcement yet.

Background image disappearing on click...

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Resolved Background image disappearing on click...

    Hi all,

    Having a problem with my website: http://www.dowreplays.net/ | CSS is here: http://www.dowreplays.net/css/main.css

    I only just noticed this today, but when you click one of the video thumbnails at the top to load a video, the background image for the body element disappears. Observed in the latest versions of Chrome, Fx, IE. I know of instances where the background image can disappear because of floated elements, but I'm not sure how or if this applies here.

    I'm not even sure if this is a HTML/CSS issue or the JavaScript is causing this behaviour, since I know little about JS.

    I appreciate any insight, thanks.
    Last edited by Indrid; Aug 30, 2011, 11:46 AM. Reason: Resolved

  • #2
    When you click on a link, your javascript is calling an html page to load (for example, http://www.dowreplays.net/067.html), which loads the video. However, in that file, you have a style call of

    Code:
     body {
    	background:#292929;
    }

    The css picks that up and removes the background. You should change that to be:

    Code:
    body {
       background-color: #292929;
    }
    otherwise CSS will think you're using the background shortcode and remove the background image.
    Last edited by resdog; Aug 30, 2011, 11:28 AM.
    WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.

    Comment


    • #3
      Wow, thanks alot. I would have never thought of that. I just removed any reference to the background from the video pages completely; since you can't see it, I'm not sure why I put it there in the first place.

      Thanks again!

      Comment

      Working...
      X
      😀
      🥰
      🤢
      😎
      😡
      👍
      👎