Archived

This topic is now archived and is closed to further replies.

How can I change the background color to an image

7 posts in this topic

Posted

Does anyone have the html code in changing the background color to an image. So behind the actual website there is a 'pattern' image instead of a solid color.

Help!!!

Share this post


Link to post
Share on other sites

Posted

Does anyone have the html code in changing the background color to an image. So behind the actual website there is a 'pattern' image instead of a solid color.

Help!!!

I have been editing fine. Guess I am asking wrong. I can't figure out the wording. Below is the wording I have... The background is color, I would like a .gif image. Do you know how I would change the wording?

Thank you

body {

background-color: #F4,F7,FD;

background-attachment: scroll;

background-repeat: repeat-x;

background-position: top;

Share this post


Link to post
Share on other sites

Posted

Does anyone have the html code in changing the background color to an image. So behind the actual website there is a 'pattern' image instead of a solid color.

Help!!!

I have been editing fine. Guess I am asking wrong. I can't figure out the wording. Below is the wording I have... The background is color, I would like a .gif image. Do you know how I would change the wording?

Thank you

body {

background-color: #F4,F7,FD;

background-attachment: scroll;

background-repeat: repeat-x;

background-position: top;

Change to:

body {

background-image:url(../pathToYourImage);

background-attachment: scroll;

background-repeat: repeat-x;

background-position: top;

Moved to the correct forum :rolly:

Thank you so very much!! I will try!!

Share this post


Link to post
Share on other sites

Posted

Does anyone have the html code in changing the background color to an image. So behind the actual website there is a 'pattern' image instead of a solid color.

Help!!!

I have been editing fine. Guess I am asking wrong. I can't figure out the wording. Below is the wording I have... The background is color, I would like a .gif image. Do you know how I would change the wording?

Thank you

body {

background-color: #F4,F7,FD;

background-attachment: scroll;

background-repeat: repeat-x;

background-position: top;

Change to:

body {

background-image:url(../pathToYourImage);

background-attachment: scroll;

background-repeat: repeat-x;

background-position: top;

Moved to the correct forum :sourcerer:

I did the above wording, but background image will only cover a very small portion of the top of the website, the rest is white. Below is what I did, does anyone know what is wrong?

body {

background-image:url(../styleImages/backgrounds/bluhighlight.gif);

background-attachment: scroll;

background-repeat: repeat-x;

background-position: top;

}

Thank you for any help!!

Share this post


Link to post
Share on other sites

Posted

Change

background-repeat: repeat-x;

to

background-repeat: repeat;

I must be a bad newbie... I changed the above quote and not I have a solid white background. What did I do wrong. Thank you for the help and sorry for difficult. :sourcerer:

Share this post


Link to post
Share on other sites

Posted

i have the same problem... anyone help?

Share this post


Link to post
Share on other sites

Posted

I also tryed that and didnt get it to work, strange :)

I added this line only and works fine

background-image: url(../styleImages/backgrounds/mypic.jpg);

background-repeat: repeat-x;

background-position: top;

Keep in mind that i only added a small photo B)

Hope this works :)

Share this post


Link to post
Share on other sites