Archived

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

How can I change the background color to an image

0 posts in this topic

Posted · Report post

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 · Report post

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 · Report post

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 · Report post

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 · Report post

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 · Report post

i have the same problem... anyone help?

Share this post


Link to post
Share on other sites

Posted · Report post

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