chrometweaks.org

Free iPage web hosting site that lets you build your own layout?

Click Here To View All Answers...


Quick question: Free iPage web hosting site that lets you build your own layout? Thanks in advance for any answer. Second question of mine... Hi all,.

Complete novice here - How can I set a background image and not have the darn thing 'tile' everywhere. It needs to be ONE background image and not a regular placed 'image' as I need to place editable text over part of it???.

Thanks - Craig..

Comments (8)

Good question... I dunno what is the answer. I'll do some poking around and get back to you if I got an good answer. You should email the people at iPage as they probably can help you..

Comment #1

Thank you all so much for your detailed replies!.

I have tried your answers but am obviously doing something really wrong which will make all you HTML experts giggle into your cereals, but this is the BASIC code I have infront of me..

<html>.

<head>.

<title>Arenium Client Version Invalid UK</title>.

<style type="text/css">.

Body {background-image: "top_left_curve.gif");.

Background-color: #000000;.

Background-repeat: no-repeat;.

Background-position: 0% 0%;}.

</style>.

</head>.

<body>.

</body>.

</html>.

The HTML document resides on my desktop (for now) along with the .GIF file..

What am I doing wrong?..

Comment #2

You did not copy yhte code correctly..

Body {background-image: url(top_left_curve.gif");.

You did not include the following.....

Comment #3

OOoooopssss.

Youre right - I didnt, I have now tried the new code, included 2 "'s and no "'s either side of the file-name and still it doesnt work..

Any ideas?..

Comment #4

Hmm. how about pasting the exact code here, and/or providing a link? (linkage might be best)..

Comment #5

<html>.

<head>.

<title>Arenium Client Version Invalid UK</title>.

<style type="text/css">.

Body {background-image: : url(top_left_curve.gif);.

Background-color: #ffffff;.

Background-repeat: no-repeat;.

Background-position: 0% 0%;}.

</style>.

</head>.

<body>.

</body>.

</html>.

Its not live by the way...

Comment #6

<style type="text/css">.

Body {background-image: url("top_left_curve.gif");.

Background-color: #ffffff;.

Background-repeat: no-repeat;.

Background-position: 0% 0%;}.

</style>.

Try that. if necessary, try putting quotes around other properties as well. but it shouldn't be necessary, I wouldn't think, though I do it anyway..

Like this: (don't bother unless the above doesn't work).

<style type="text/css">.

Body {background-image: url("top_left_curve.gif");.

Background-color: "#ffffff";.

Background-repeat: "no-repeat";.

Background-position: "0%" "0%";}.

</style>.

What you had was two colons between.

Background-image.

And.

Url.

, and no quotes around the actual path/filename (which prolly isn't actually necessary anyway)...

Comment #7

This now works (the first one without the "'s).

Thank you ever so much for your time and help..

Craig..

Comment #8

Glad you got it working but the quotes wernt your problem, check out the syntax between the two smileys for your problem..

<html>.

<head>.

<title>Arenium Client Version Invalid UK</title>.

<style type="text/css">.

Body {background-image:.

:.

Url(top_left_curve.gif);.

Background-color: #ffffff;.

Background-repeat: no-repeat;.

Background-position: 0% 0%;}.

</style>.

</head>.

<body>.

</body>.

</html>.

Not being funny but by putting quotes around your css data your going to cause problems in the future. CSS not to be written this way. You might get problems somewhere down the line with other browsers than the one it works in...

Comment #9


This question was taken from a support group/message board and re-posted here so others can learn from it.