Всем привет,вставил картинку,но когда нажимаю на кнопку перед текстом то она закрывает весь текст,а хотелось бы чтоб она была прозрачной,как установить такие кнопки перед и за текстом?
и если возможно кнопку стоп чтоб флаг останавливался
<html>
<head>
<title>Перемещение</title>
</head>
<body id='bod'>
<img id='pic' src='http://pikchyriki.net/avatar/krutye/64/41.jpg' style='position:absolute' />
[JS]<script>
x=100;
y=50;
dx=10;
dy=10;
pic.style.top=y;
pic.style.left=x;
function Balloon(){
x+=dx;
y+=dy;
if(y+pic.clientHeight<bod.clientHeight){
pic.style.top=y;
}
else dy*=-1;
if(x+pic.clientWidth<bod.clientWidth){
pic.style.left=x;
}
else dx*=-1;
if(y>0){
pic.style.top=y;
}
else dy*=-1;
if(x>0){
pic.style.left=x;
}
else dx*=-1;
}
setInterval(Balloon, 5);
</script>[/JS]
<p>
<table width="100%">
<tbody><tr>
<td valign="top" align="center" width="150">
<a href="javascript:void(0)" onclick="document.getElementById('div1').style.top = parseInt(document.getElementById('div1').style.top)-30;">вверх</a><br> <br>
<a href="javascript:void(0)" onclick="document.getElementById('div1').style.left = parseInt(document.getElementById('div1').style.left)-30;">влево</a>
<a href="javascript:void(0)" onclick="document.getElementById('div1').style.left = parseInt(document.getElementById('div1').style.left)+30;">вправо</a><br> <br>
<a href="javascript:void(0)" onclick="document.getElementById('div1').style.top = parseInt(document.getElementById('div1').style.top)+30;">вниз</a>
<a href="javascript:void(0)" onclick="document.getElementById('div1').style.right=500;">По центру</a>
<a href="javascript:void(0)" onclick="document.getElementById('div1').style.left = parseInt(document.getElementById('div1').style.left)+400;">За контентом</a><br> <br>
</td>
<td width="300"></td>
<td valign="top">
Стихотворение <a href="http://referats.yandex.ru/pushkin/">им. А.С.Пушкина</a>
<p>
***
</p><p>
И по хребтам твоим направить<br>
Как, сердца исповедь любя<br>
Не удалось навек оставить
</p><p>
Послушай, гетман: для тебя<br>
В забвенье сердца улетает<br>
Вниманье дружбы возлюбя
</p><p>
Увы, Татьяна увядает<br>
Самовластительный Злодей<br>
Пустынный воздух рассекает
</p><p>
Мученье модных рифмачей<br>
Из мира вытеснят и нас<br>
Подругой ветреной моей.
</p></td>
</tr>
</tbody></table>
</p>
<div style="position: absolute; top: 200; left: 30;" id="div1">
<center><img src="http://pikchyriki.net/avatar/krutye/64/41.jpg" width="191" height="253" border="0" alt=""><br>
Герб</center>
</div>
</body>
</html>