ANTICHAT - Показать сообщение отдельно - [HTML, Css]

имеется такой код

Код HTML:

<html>
<head>
<title>ляляля</title>
<style type="text/css">
<!--
body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
h3{
	font-size: 10px;
	font-style: italic;
	margin-top: 2px;
}
span{
	font-size: 14px;
	font-style: italic;
	margin: 0px;
	
}
-->
</style>

<!-- HEAD START HERE -->

<script language="JavaScript1.2">
<!--

/*
Contractible Headers Script- © WOscripts.com
Visit http://www.woscripts.com
*/

var ns6=document.getElementById&&!document.all?1:0

var head="display:''"
var folder=''

function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}

//-->
</script>

<!-- HEAD END HERE -->




</head>
<body>



<!-- BODY START HERE -->
<table width="300" border="1" align="center" cellpadding="3" cellspacing="3">
<tr><td>
<h3 align="right" style="cursor:hand" onClick="expandit(this)">Нажмите сюда</h3>
<span style="display:none" style=&{head};>Тут может быть все, что вы захотите.</span>
<h3 align="right" style="cursor:hand" onClick="expandit(this)">А теперь сюда</h3>
<span style="display:none" style=&{head};>Тут, тоже, может быть все, что угодно :)</span>
</td></tr>
</table>

<!-- BODY END HERE -->

</body>
</html>

1. что в css прописать нада чтобы не было огромных промежутков между нажми сюда и нажми еще сюда, а так же не было здорового промежутка между кнопкой и появившимся текстом.

что то типа в закрытом варианте:
ссылка1
ссылка2
т.е. между ними был маленький промежуток

и в открытом виде:

Цитата:

ссылка1
текст текст текст текст текст

ссылка2
текст текст текст текст текст

а не так как щас

Цитата:

ссылка1

текст текст текст текст
ссылка2

текст текст текст текст

2. можно ли сделать конструкцию типа <td>ссылка</td><td>текст текст текст текст </td>
т.е. ссылка в одной ячейке, а текст появляется в другой