Jump to content

How can I change the background color to an image


Guest kgwalker

Recommended Posts

Guest kgwalker

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!!!

Link to comment
Share on other sites

Guest kgwalker

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;

Link to comment
Share on other sites

Guest kgwalker

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!!

Link to comment
Share on other sites

Guest kgwalker

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!!

Link to comment
Share on other sites

Guest kgwalker

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:

Link to comment
Share on other sites

  • 2 weeks later...

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 :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...