Help With Background Please...


I'm new here, and I'm a very old dog trying to learn new tricks! I've just finished a CSS course at, which was very helpful, but I'm still having some trouble.

I'm trying to put a background on my webpage, and I want this for all of my pages, so I wanted to put the code into my css page; however, I can't figure out for the life of me how to do it. I know I'm going to feel really dumb when you show me what I'm doing wrong.

I tried to put the background in my css layout by typing this code:

* {
background-image: url('../images/DHBackground.jpg');

Make page background 'stick' to page content


I have a WP twentyeleven child theme.

I have a background image for pages.

#page {
 background: url(images/pagebg.png) no-repeat center center fixed; 

The problem is that when you scroll down the page, the page text scrolls 'up' and moves over the background image. I don't even know what terminology to use for this behavior, so I hope it's clear. When you visit the page and use the scroll bars, it will be clear what I mean.

Hotspots and Resizing Images

I have a background image that does automatic resizing when the user maximizes their window. My problem is that the hotspots that I create do not stay in the same location when the user resize it ... I have tried many methods and none worked so far. I tried setting position to relative, fixed, and nothing. My hotspots move and go all over the screen when resized ...

I uploaded the file for everyone to see it.

I used DIVS for the hotspots and they don't resize at all and also their position does not match with the background.

Problems positioning an image with the pseudo class :after|:before

Hi guys,

Well I don't know what I'm doing wrong. I have tried a lot of things and just doesn't work... I don't know where to start from but here is the link of the school project I am working on:
Here is the "design" (if you can call it that) ... The thing is I want to put the Red thingies but I don't know how! I was trying with the :after but I couldn't ...


How to set tiled background image as fixed for mobile browsers

We have a Drupal site that uses a fixed gradient background. The gradient goes from dark at the top to lighter at the bottom. On long scrolling pages of tables with white text, we want the darker portion of the background under the text for readability.

The experience for the user is that when they scroll down, the x-repeated background image remains fixed at the top of their browser window (the viewport) so that the white text is readable on their device.

Syndicate content