Cant get the images or background to show online

<!DOCTYPE HTML PUBLIC"…//W3C//DTD HTML 4.01 Transitional//EN" “http://www.w3org/TR/html/loose.dtd”>
<head>
<meta http-equiv" content-type" contents=“text/html;charset=UTF-8”>
<title>GHOSTREVENGE</title>
<style type=“text/css”>
<meta name=“description” content=“voodoo spells”>
<meta name=“keywords” content=“voodoo spells. Revenge of the past has awakened. Buy your spells and watch them fall and perish”>

body {
background-image:url (“ESbackground”) position:absolute; left:20px; background-position:center; background-repeat: no repeat; background-attachment:scroll; z-index:2;
}
#headingpic { display:block; position:absolute; top:5px; z-index:3;
}

<body>SITE STILL UNDER CONSTRUCTION. COMING SOON!
<img src=“headingpic”><img src=“…/ghostpic/webpic/heading3.jpg” width=“100%” height=“100%”></div>

</body>
</html>

Been trying for 4 months now, just cant get the images or backgound to show once online.
Im using filezilla and am with afrihost. everything else shows correct, but not the graphic backgound pic, or the heading pic.
The second and other pages come out correct, but not this first page.
If anyone can please help me with this.

<!DOCTYPE HTML PUBLIC"..//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3org/TR/html/loose.dtd">
<head>
<meta http-equiv" content-type" contents="text/html;charset=UTF-8">
<title>GHOSTREVENGE</title>
<style type="text/css">
<meta name="description" content="voodoo spells">
<meta name="keywords" content="voodoo spells. Revenge of the past has awakened. Buy your spells and watch them fall and perish">

body {
background-image:url ("ESbackground") position:absolute; left:20px; background-position:center; background-repeat: no repeat; background-attachment:scroll; z-index:2;
}
#headingpic { display:block; position:absolute; top:5px; z-index:3;
}

<body>SITE STILL UNDER CONSTRUCTION. COMING SOON!
<img src="headingpic"><img src="../ghostpic/webpic/heading3.jpg" width="100%" height="100%"></div>

</body>
</html>

<!DOCTYPE HTML PUBLIC"…//W3C//DTD HTML 4.01 Transitional//EN" “http://www.w3org/TR/html/loose.dtd”>
<head>
<meta http-equiv" content-type" contents=“text/html;charset=UTF-8”>
<title>GHOSTREVENGE</title>
<meta name=“description” content=“voodoo spells”>
<meta name=“keywords” content=“voodoo spells. Revenge of the past has awakened. Buy your spells and watch them fall and perish”>
<style type=“text/css”> MOVED DOWN
body {
background-image:url (“ESbackground.file type??”); position:absolute; left:20px; background-position:center; background-repeat: no repeat; background-attachment:scroll; z-index:2;
}
#headingpic { display:block; position:absolute; top:5px; z-index:3;
}
</style> ADDED
<body>SITE STILL UNDER CONSTRUCTION. COMING SOON!
<img src=“headingpic”><img src=“…/ghostpic/webpic/heading3.jpg” width=“100%” height=“100%”></div>

</body>
</html>

Start with these corrections…

Hi,

As well as the errors already pointed to above you don’t really want to set the body to position:absolute and left 20px as that will do weird things. You almost never need to change the body element like that and if you want some space around the layout you could add some padding instead (either to the body element or perhaps margins on a wrapper instead).