By Yuki on

I have used below code in the body of my style.css to show image on the page background:

background: url(bg.gif) ;

but the problem is the (bg.gif) picture is repeating again in the page background(from middle of page).
(bg.gif is very tiny picture)

I have also used the

background: url(bg.gif) no-repeat;

but this case the bg.gif is not showing in the page background.

What I want it should not repeat again. Please help me.

⋅ Categories: Drupal 6.x

Comments

Gentoo7’s picture

Gentoo7 commented

change your code to:

background-image:url(bg.gif);
background-position:left top;
background-repeat:repeat-x;

i-sibbot’s picture

i-sibbot commented

Change your css to:

background: url(bg.gif) 0px 0px no-repeat;

0px 0px being the horizontal / vertical offset. 0px 0px will depict the graphics top left.

For more help

http://www.w3schools.com/css/pr_background.asp