Background Imaging in the body tag

**Glenvern** · 04-15-2002, 06:49 AM

How do I make a background image in the 'body tag' fit different size monitors without getting the tiling effect in the larger screen sizes..

**QuietDean** · 04-15-2002, 01:22 PM

Hiya Glenvern. Welcome to the forums!

There is, unfortunately, bo way to 'stretch' an image. Its tiling or nothing.

However, you could build some JavaScript to detect the resolution, and load the perfectly sized image.

**Glenvern** · 04-15-2002, 01:47 PM

Thanx QD need to find a script to accomplish what you suggest, any suggestions.?

**QuietDean** · 04-15-2002, 02:28 PM

Ah. PrivateMessage Derek, he is much better at JavaScript than me. Tho tell him to post the result here, I want to see what he comes up with

**Derek** · 04-15-2002, 10:17 PM

Ok I EXPECT a thank you for this good hour of my time lol

and the answer was staring me straight in the face the whole time I couldn't figure out a right way to reference the background etc, I even tried using CSS with it but it ends up it was this simple little code.

<script language="JavaScript">

</script>

hope you enjoy it.

**Derek** · 04-15-2002, 10:19 PM

oh ya put it in the <head> section and... I got tired of waiting for the pm so I just posted it here

**Glenvern** · 04-16-2002, 03:11 AM

Thanks for response Dereck, that really looks good, will now go away and give it a try.. (where's a good place to learn Java and do I need to know 'C')...

**HTML** · 04-16-2002, 07:54 AM

hmm, I was in admin the other day and noticed that there are bunches of pms in peoples boxes, more than seemed normal. I have no problem with what people discuss in pms that is why it is called PRIVATE messaging,however I will ask that discussions related to websites be kept public whenever possible. I ask this for the same reason that I refuse email support to those that email me. Solving ones problems privately does just that, solves ones problems. Doing it publicly can potentially help

of people who may stop by at another time with the same question, or may give others ideas as to something they may want to try on thier site.

thanks

D

**Derek** · 04-16-2002, 04:35 PM

hmm alright I guess I have had a few PHP questions/discussions in private I'll keep them more open...

Do you mean JavaScript or Java programming? Java is a I think serverside language that is very complicated (go with PHP) if that's what you mean, and C is a programming language that creates programs, not web pages. If you wanna learn JavaScript(that is what I used up there), then I suggest getting "JavaScript Bible" by Danny Goodman because learning on the web is in no way compared (and not very effective) unless your a really fast learner and pick up on syntax easy.

**jocyyu** · 08-20-2003, 11:23 PM

first of all, thx Derek for posting the script~ it is very useful~

but because i also want to use a randomizing background java script (changing bg whenever it loads), i don't know how i can make the two work together...

here's the script:

***in <head>:
<script language="JavaScript">
</script>

***before <body background="something">:
<script language="JavaScript"></script>

i found this script in another website.... i don't understand javascript... T.T

**zipps** · 09-24-2003, 12:29 PM

Hi I am having trouble with my site I am using dreamweaver and the background has a tiling effect. Is there any way to get rid of this? Or perhaps making the background after a certain paragraph all black? Im not much of a programmer. Any help would be great. I have found a way to make a fixed background image but it makes my text scroll over the image which im using for the background. Here is a link to my site http://q3clands.free-host.com/ The free host also decided to recently add banners grrrrr...Are there any alternatives besided designing in flash? Thanks

**Android** · 09-24-2003, 02:02 PM

Originally Posted by zipps

Hi I am having trouble with my site I am using dreamweaver and the background has a tiling effect. Is there any way to get rid of this? Or perhaps making the background after a certain paragraph all black?

Which is it? You can have the background not tile with CSS:

Code:

<style>
<!--

body{ background:url("/images/smiley.gif") no-repeat; }
-->
</style>

or if you want the background of the paragraph all black put this between the HEAD tags:

Code:

<style>
<!--
.black { background-color:#000000; }
-->
</style>

and change the paragraph tag to:

Code:

<p class="black">
Paragraph stuff here
</p>

Check out the CSS tutorials http://css.somepeople.net/]here

**HTML** · 09-24-2003, 02:57 PM

This is a very old thread, new folks with questions should open their own threads so that they do not get lost.

Thread: Background Imaging in the body tag

Thread Tools

Related

Help with body width Forum: HTML Forum

Default avoid php pages getting hacked hi every body does any body have any idea on Forum: PHP Forum

page not adjusting to body Forum: CSS Forum

document.body.clientWidth ??? Forum: Website Scripts Forum

Hi every body Forum: General Discussion

Background Imaging in the body tag

another question

Background Image Tile help!!

Tags for this Thread