Background color covering background image

Discussion in 'CSS' started by Bigfulla, Mar 21, 2011.

  1. #1
    I have been trying to fix this css so as my back ground image is displayed, but it seems that the background color is covering the image.
    the website url is http://kcsfireworks.com/thundausa/about.php although this is only a place I am using for testing purposes before I add the site live to its intended location. This is a free template that I am modifying for the website.
    I have attached an image of what the site is supposed to look like. Please note that up the top of the page at the K&N and outbackthunda.com the image is missing.
    I would like to also center the site so as when a larger screen resolution is used the page is still in the centre of the browser.
    Any help would be great.
     

    Attached Files:

    Bigfulla, Mar 21, 2011 IP
  2. lokers

    lokers Peon

    Messages:
    53
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    remove from the begin of your stylesheet (2nd line) "background-color:inherit", it should be like:

    *{
    font-family:Tahoma, Verdana, Helvetica, sans-serif;
    font-size:11px; color:#D4D1CD;
    }

    to center your body check this out:
    bluerobot.com/web/css/center1.html

    but it will look poor with that type of background you have, the background seems to be created for top-left align.
     
    lokers, Mar 22, 2011 IP
  3. Bigfulla

    Bigfulla Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks,
    that worked great.
     
    Bigfulla, Mar 22, 2011 IP