Top margin persist after placing Javascript

JavaScript
1

Hi everybody!

In my webpage I have set that the left & top margins are ‘0’ and it worked fine.

However, after inserting of a Random Image Javascript,there is a blank space on the top.

Site URL: Untitled Document

Below are the html codes:

"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
}
body{
margin: 0;
padding: 0;
}
</style>
</head>

<body>

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top">&nbsp;</td>
  </tr><script language="JavaScript" type="text/javascript">
// This script was supplied by Dave Joosten
// For support and info go read the Tutorial at [Random Images by using simple to modify JavaScript - AJAX and JavaScript - Tutorials - DMXzone.COM](http://www.dmxzone.com/ShowDetail.asp?NewsId=5417)
var id = 3; // Total number of images
var ranimage = new Array(id); // Array to hold the filenames

ranimage[0] = "japgirl.jpg";
ranimage[1] = "japgirl2.jpg";
ranimage[2] = "japgirl3.jpg";

function choseRandom(range) {
if (Math.random)
return Math.round(Math.random() * (range-1));
else {
var now = new Date();
return (now.getTime() / 1000) % range;
}
}
// 
var choice = choseRandom(id);
</script>

<script language="JavaScript">document.writeln('<td' + '><img src="' + ranimage[choice] + '" height="auto" width="100%" hspace="0" vspace="0" border="0" margin: 0; ><' + '/td>');</script>
 <style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
}
body{
margin: 0;
padding: 0;
}
</style>

</table>
</body>
</html>

"

May I know what caused the problem and what is the fix please?

Thanks for any help and advice.

Lawrence

2

The problem is the empty TD element on the page, remove the following and the space will no longer appear.

<tr>
    <td align="left" valign="top">&nbsp;</td>
</tr>
3

Thanks for the help, SgtLegend

It works like a charm now.

Best regards

4

No problem