Background Images

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: Background Images

Post by KO »

You were ver close :D
Locate

div#pagewrapper {
  border: 1px solid black;
  margin: 0 auto;    /* this centers wrapper */
  max-width: 80em; /* IE wont understand these, so we will use javascript magick */
  min-width: 60em;
  background: #color url(http://tinaturner.us.to/Untitled-1.gif) no-repeat center; /* edit this for your bg color and image */
  color: black;
}

on your stylesheets and remove #color so it comes:

div#pagewrapper {
  border: 1px solid black;
  margin: 0 auto;    /* this centers wrapper */
  max-width: 80em; /* IE wont understand these, so we will use javascript magick */
  min-width: 60em;
  background: url(http://tinaturner.us.to/Untitled-1.gif) no-repeat center; /* edit this for your bg color and image */
  color: black;
}

The problem was wrong syntax in you style so browsers ignored that line. With #color Nullig ment that you replace #color with actual color code like #ffffff or something like that.

br, K
tinafan

Re: Background Images

Post by tinafan »

Ok, it works now.. Thanks for your help!  :)
tinafan

Re: Background Images

Post by tinafan »

Ok.. So how would you make it be able to repeat, because like this image here is clear down the page: http://tinaturner.us.to/index.php?page= ... seven-tour
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: Background Images

Post by Nullig »

Change the no-repeat to repeat-y.

Nullig
Locked

Return to “Layout and Design (CSS & HTML)”