Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
positioning 2
- Thread starter everytime
- Start date
-
1
- #2
I know you can with a background image -
{
background-image: url("yourimage.gif"
;
background-attachment: fixed;
}
As to a fixed 'normal' image, I have seen it done with DHTML, but I am ignorant in that direction. Try
As I have seen a 'watermark' script there that could be adapted to your needs. Dean Owen
{
background-image: url("yourimage.gif"
; background-attachment: fixed;
}
As to a fixed 'normal' image, I have seen it done with DHTML, but I am ignorant in that direction. Try
As I have seen a 'watermark' script there that could be adapted to your needs. Dean Owen
-
1
- #3
try this code...
Here, the most important parts are the stylesheet I gave the image, the javascript:- document.getElementById("theimgID".style.pixelTop = document.body.scrollTop; and the HTML <body onScroll="keepImage();">
This will keep the image at the top of the window no matter where the user scrolls to.
For testing reasons you will have to fill out the BODY tag so the browser has actually got a reason to present you with scrollbars!
Klae
You're only as good as your last answer!
Code:
<html>
<head>
<title>Tek-Tips Workshop</title>
<style type="text/css">
.imgclass
{
position: absolute;
}
</style>
<script language="JavaScript">
function keepImage()
{
document.getElementById("theimgID").style.pixelTop = document.body.scrollTop;
}
</script>
</head>
<body onScroll="keepImage();">
<img class="imgclass" src="images/A.gif" id="theimgID">
</body>
</html>
[/color]Here, the most important parts are the stylesheet I gave the image, the javascript:- document.getElementById("theimgID"
.style.pixelTop = document.body.scrollTop; and the HTML <body onScroll="keepImage();">This will keep the image at the top of the window no matter where the user scrolls to.
For testing reasons you will have to fill out the BODY tag so the browser has actually got a reason to present you with scrollbars!
Klae
You're only as good as your last answer!
- Thread starter
- #4
- Status
Similar threads
- Locked
- Question