Код:

<script src="http://www.kozhilya.ru/scripts/justSlider/slider.js"></script>

<style>
#pun-announcement {
	text-align: center;
}
#pun-announcement td {
	vertical-align: middle;
}
#pun-announcement #slider {
	margin: 0 auto;
}
#pun-announcement #slides, #pun-announcement #control {
	display: inline-block;
}
#pun-announcement #slides {
	width: 400px;
	height: 260px;
	margin: 0;
	border: 1px solid black;
}
#pun-announcement #control {
	vertical-align: middle;
}
#pun-announcement #control a {
	display: inline-block;
	pointer: cursor;
	margin: 0 5px;
	width: 30px;
	height: 25px;
	padding-top: 5px;
	border-radius: 15px;
	background: #374C64;
	font: normal 13px Verdana;
	color: whitesmoke;
	text-decoration: none;
}
#pun-announcement #control a:hover {
	background: #6289B4;
}</style>

<table>
	<tr>
    <td>
    	<img src="Ссылка на изображение" alt="Альтернативный текст" style="width: 250px; height: 260px;">
    </td>

    <td id="slider">
    	<table style="height: 260px;">
        <tr>
        	<td id="control"><a href="#" id="prev">&lt;</a></td>

        	<td id="slides">
            <div>

            	Блок 1

            </div>
            <div>

            	Блок 2

            </div>
            <div>

            	Блок 3

            </div>
            <div>

            	Блок 4

            </div>
        	</td>
        	
        	<td id="control"><a href="#" id="next">&gt;</a></td>
        </tr>
    	</table>
    </td>
	</tr>
</table>

<script>
justSlider(
	$('#pun-announcement #slider'), 
	{
    left: $('#pun-announcement #control #prev'),
    right: $('#pun-announcement #control #next')
	});
</script>

Код:

<style>
#pun-announcement table {
	height: 360px;
	width: 867px;
	border-spacing: 0px;
}
#pun-announcement td {
	border: 1px solid black;
}
#pun-announcement h3 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}
#pun-announcement li {
	margin: 4px 5px;
}
#pun-announcement li a {
	display: block;
	background: gray;
	padding: 3px;
}
#pun-announcement li a:hover {
	display: block;
	background: lightgray;
}

</style>

<table>
	<tr>
    <td>
    	<div style="float: left; width: 50%;">
        <h3>Заголовок</h3>
        
        <ul>
        	<li><a href="Адрес ссылки">Ссылка</a></li>
        	<li><a href="Адрес ссылки">Ссылка</a></li>
        	<li><a href="Адрес ссылки">Ссылка</a></li>
        	<li><a href="Адрес ссылки">Ссылка</a></li>
        </ul>
    	</div>
    	
    	<img src="Адрес ссылки" style="width: 50%; height: 60px;">
    	<div style="overflow: auto; height: 300px;">
        <p>
        	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mollis neque sit amet leo adipiscing pulvinar sit amet sed lacus. In sed libero elit, eget ultrices eros. Nam mollis fringilla sodales. Nullam eleifend, felis eget facilisis luctus, sem elit porttitor nibh, a faucibus sapien purus ut risus. Sed augue ante, porta sit amet eleifend et, molestie eu tellus. Nullam congue diam eget risus elementum tristique vitae ac dui. Mauris consectetur sapien augue. Aenean elementum erat ac elit luctus non molestie dolor pretium. Nunc a magna eros, id euismod libero. Curabitur eget nisi eget massa eleifend tristique.
        </p>
        <p>
        	Vivamus vitae purus magna, ac imperdiet est. Nam rhoncus eleifend nulla vel fringilla. Duis iaculis elementum massa, eget varius nibh bibendum nec. Nunc laoreet purus vitae lacus pretium id pharetra est molestie. Aliquam vitae magna libero, at blandit nunc. Ut aliquam fermentum turpis ac molestie. Donec in nisi augue. Aliquam ante lorem, ultricies eu condimentum non, elementum id lacus. Integer eu volutpat nisi.
        </p>
        <p>
        	Nam eu feugiat lectus. Suspendisse potenti. In nunc libero, facilisis nec tristique eget, commodo semper mauris. Etiam quis augue sapien, vel facilisis lorem. Aliquam suscipit, odio ac tempor consequat, quam sapien malesuada nunc, sed condimentum ligula turpis vitae quam. Mauris commodo pulvinar ligula vel fringilla. Integer ac quam purus, sollicitudin iaculis nibh. Maecenas sed diam arcu. Etiam sem velit, ultricies ut egestas at, vehicula a nisl. Nulla mattis, libero sit amet luctus imperdiet, urna erat convallis leo, non tempus dui mi nec sapien. Cras lacinia, magna ut sollicitudin tincidunt, sapien nibh tincidunt nunc, nec feugiat turpis nisl eget libero. Sed vulputate faucibus mattis. Praesent quis lorem eget nisi gravida lacinia dignissim quis diam.
        </p>
    	</div>
    </td>
    
    <td style="width: 360px;">
    	
    </td>
	</tr>
</table>

Код:

<style>
#example {
	text-align: center;
}
#example td {
	vertical-align: top;
}
#example #slider {
	margin: 0 auto;
	height: 300px;
}
#example #slides, #example #control {
	display: inline-block;
	height: 100%;
}
#example #slides {
	width: 650px;
	margin: 0;
	border: 1px solid black;
}
#example #control {
	vertical-align: top;
}
#example #control a {
	display: inline-block;
	pointer: cursor;
	margin: 0 5px;
	width: 30px;
	height: 25px;
	padding-top: 5px;
	border-radius: 15px;
	background: #374C64;
	font: normal 13px Verdana;
	color: whitesmoke;
	text-decoration: none;
}
#example #control a:hover {
	background: #6289B4;
}
</style>

<div id="slider">
<div id="control"><a href="#" id="prev">&lt;</a></div>

<div id="slides" class="border">

	<div>
    Slide 1
	</div>

	<div>
    Slide 2
	</div>

	<div>
    Slide 3
	</div>

</div>

<div id="control"><a href="#" id="next">&gt;</a></div>
</div>

<script>
justSlider(
	$('#example #slider'), 
	{
    left: $('#example #control #prev'),
    right: $('#example #control #next')
	})
</script>

1. http://shamanshistory.mybb.ru/
2.
3. 1 контейнер
2 контейнер
3 контейнер
4 контейнер
5 контейнер
Стрелки:

4. границы у таблицы: нет.
5. прокрутка в нужных местах.)