ImperialSpider
02-01-2005, 04:22 AM
I have seen this before, but not sure how it is done...
How do you make a website where the background is an image, but the background image does not move. The website words, and pictures move with the scroll bar, but not the background image. What I am wanting is a background image that is an animated gif (shining stars). Can someone help me with this? Here is the code I have so far...I only want the stars to be the background, and not in the other frames where the documents go.
code:
<html>
<head>
<title>The 411 on everything</title>
<body>
<script language="JavaScript">
if (document.all||document.getElementById)
document.body.style.background="url('http://www.webpage.com/stars.gif') tiled repeat fixed"
</script>
<center>
<table border="0" width="85%">
<tr>
<td><img src="joe.jpg" height="160px" width="150px"></td>
<td> </td>
<td><img src="frank.jpg" height="160px" width="150px"></td>
<td> <td>
<td><img src="eric.jpg" height="160px" width="150px"></td>
<td> <td>
<td><iframe src="http://www.webpage.com/doc1.doc" width=160 height=140></iframe></td>
</tr>
</table>
<p>
We got the 411. Givin' ya info that you wanna know about.<br>
<table>
<tr>
<td>
<iframe src="http://www.webpage.com/doc2.doc" width=450 height=300></iframe>
<TD>Navigation<br>
<iframe src="http://www.webpage.com/page3.html" width=150 height=200></iframe></td>
</tr>
</table>
<p>
</body>
</head>
</html>
Please help. Thanks,
Imperial Spider
How do you make a website where the background is an image, but the background image does not move. The website words, and pictures move with the scroll bar, but not the background image. What I am wanting is a background image that is an animated gif (shining stars). Can someone help me with this? Here is the code I have so far...I only want the stars to be the background, and not in the other frames where the documents go.
code:
<html>
<head>
<title>The 411 on everything</title>
<body>
<script language="JavaScript">
if (document.all||document.getElementById)
document.body.style.background="url('http://www.webpage.com/stars.gif') tiled repeat fixed"
</script>
<center>
<table border="0" width="85%">
<tr>
<td><img src="joe.jpg" height="160px" width="150px"></td>
<td> </td>
<td><img src="frank.jpg" height="160px" width="150px"></td>
<td> <td>
<td><img src="eric.jpg" height="160px" width="150px"></td>
<td> <td>
<td><iframe src="http://www.webpage.com/doc1.doc" width=160 height=140></iframe></td>
</tr>
</table>
<p>
We got the 411. Givin' ya info that you wanna know about.<br>
<table>
<tr>
<td>
<iframe src="http://www.webpage.com/doc2.doc" width=450 height=300></iframe>
<TD>Navigation<br>
<iframe src="http://www.webpage.com/page3.html" width=150 height=200></iframe></td>
</tr>
</table>
<p>
</body>
</head>
</html>
Please help. Thanks,
Imperial Spider