/    Sign up×
Community /Pin to ProfileBookmark

Background help

Copy linkTweet thisAlerts:
May 30.2003

Hi, just had a quick html question. How do i get the back ground to stay the same and for everything to move on top of it? Im just starting to learn html and cant find any tutorials on the web on how to do this. Any help is appriciated.

So far, all i have is this:

<body background = “/image/bob.jpg”>

to post a comment
HTML

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@JonaMay 30.2003 — [b][font=arial][color=maroon]If bob.jpg is in the /image/ folder, that code should work, although you don't need spaces after the equals sign (=).[/color][/font][/b]

[font=courier new]

<body background="image/bob.jpg">

[/font]

[b]Jona[/b]
Copy linkTweet thisAlerts:
@R_CAreUsMay 30.2003 — <body background="http://www.address/bluebg.gif" bgproperties=fixed>
Copy linkTweet thisAlerts:
@JonaMay 30.2003 — [i]Originally posted by R/CAreUs[/i]

[b]<body background="http://www.address/bluebg.gif"bgproperties=fixed>[/b][/quote]

[b][font=arial][color=maroon]First of all you need a space after the quote before the bgproperties attribute. Second, bgproperties is not valid HTML 4.01 Transitional and it will only work in Internet Explorer. If you would like this effect, however, you could try to use the [url=http://www.w3.org/TR/CSS2/colors.html#propdef-background-attachment]background-attachment[/url] property of CSS:[/color][/font][/b]

[font=courier new]

<style type="text/css">

<!--

body {background-image: url(/image/bob.jpg);

&nbsp; &nbsp; &nbsp; background-attachment: fixed;}

-->

</style>

[/font]
Copy linkTweet thisAlerts:
@R_CAreUsMay 30.2003 — <style type="text/css">

<!--

body {background-image: url(/image/bob.jpg);

background-attachment: fixed;}

-->

</style>

Are you saying that the above is valid HTML 4.01 ?
Copy linkTweet thisAlerts:
@JonaMay 30.2003 — [b][font=arial][color=maroon]I'm saying that if you use the [url=http://validator.w3.org/]W3C HTML 4.01 Validator[/url] with that code, you will see that it is considered invalid HTML.. Even in a Transitional Doctype.[/color][/font]



Jona[/b]
Copy linkTweet thisAlerts:
@pollaj145161authorJun 02.2003 — Thank you. Will try this code and see if it works. Looked at the link and not sure if that what i am after. What i am trying to do is have one image in the background, a picture, that is not tiled and does not move. It just fills the screen up and fits on the screen, and all the text and other parts of the site scroll on top of the picture. Ive seen it on a few sites and it looks cool.
Copy linkTweet thisAlerts:
@JonaJun 02.2003 — [font=arial][url=http://www.w3.org/TR/CSS2/colors.html#q2]The Background[/url][/font]

[b]Jona[/b]
Copy linkTweet thisAlerts:
@IrDaJun 02.2003 — The background-attachment: fixed in css should do it. The back ground will stay when you scroll up or down. Only the foreground text or image will scroll.
Copy linkTweet thisAlerts:
@pollaj145161authorJun 02.2003 — Woot! Thank you so much for the help =) It worked ad is exactly what i was looking for! Again, thank you so much for the help. ?
×

Success!

Help @pollaj145161 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.13,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...