glad it worked out for you, now here's a better version
function to change position and picture, replace the image change one with this:
function change (img, t, l) {
document.all.body.background = img;
document.all.stats.style.top = t;
document.all.stats.style.left = l;
}
body tag stays the same:
<body id="body">
stick your stats in a 'div' box like this, change the initial 'top' and 'left' co-ords to match ur starting background picture:
<div id="stats" style="position: absolute; top: 50; left: 75;">stats in here...</div>
finally, change it all by calling the function with the image name, and top and left co-ords for the stats:
<a onclick="change ('abc.jpg', 100, 150);" href="javascript:void (0);">Change it all around!</a>
as far as the css goes, i think you can change any properties using syntax like i've used in the function here, ie where in a css file it's
idname { color: red; }
when using the DOM to access the properties (which is what this is if i'm not mistaken) you would do
document.all.idname.style.color = 'red';
note that you need to quote anything that isn't a number.
oh, and watch out for copy and paste from the board,
as mentioned before it inserts spaces between the words 'java' and 'script' in the href links! it should all be one word, javascript, no space. take the spaces out and ur links should work fine.