bildmenyn vill inte sitta ihop

tja!
jag har en bildmeny som inte vill funka riktigt. Bilderna lägger sig under varandra, vill att dom ska vara precis bredvid varandra i en horisontell linje.

<style type="text/css">

<style>
{!-Create space for image above body. Change px value to the height of your image -!}
body {margin-top:0px}

{!-Position your image.  margin-left should be negative and half the width of your image.  change width and height to that of your image-!}
div.topbanner {position:absolute; top:200px; left:50%; margin-left:-0px; width:0px; height:0px;}
</style>

<span class="off"></span>
<div class="topbanner">
<table id="Table_01" width="0" height="0 border="0" cellpadding="0" cellspacing="0">

<td colspan="0">
<tr>
<img src="1.gif" width="280" height="23" border=0 alt=""><a href="">
<img src="toplistan.gif" width="129" border=0 height="23" alt=""><a href="">
<img src="2.gif" width="21" height="23" border=0 alt=""><a href="">
<img src="veckansfiss.gif" width="122" height="23" border=0 alt=""><a href="">
<img src="3.gif" width="22" height="23" border=0 alt=""><a href="">
<img src="veckansrookie.gif" width="162" height="23" border=0 alt=""><a href="">
<img src="4.gif" width="23" height="23" border=0 alt=""><a href="">
<img src="ljudklipp.gif" width="101" height="23" border=0 alt=""><a href="">
<img src="5.gif" width="23" height="23" border=0 alt=""><a href="">
<img src="videoklipp.gif" width="111" height="23" border=0 alt=""><a href="">
<img src="6.gif" width="286" height="23" border=0 alt=""><a href=""></td></tr>

</table>
</div>

<style type="text/css">
body {
	background-color: rgb(255,255,255);
	background-image: url(hela.gif);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
</style>

hur gör jag för att länka bilderna till en sida? för lägger jag till <a href="lol.php"></a> efter bilden så komemr ingen länk + att bilden hammnar under dom andra..