вот сайт http://nnf.anihub.ru/
<style> .rootAnn { border-radius: 0px; background: rgba(217,197,162,1); } #pun-announcement .html-box > table { border: 3px solid #635738; border-spacing: 0; } #pun-announcement .html-box > table { border: 3px solid #635738; } #pun-announcement table/*, #slider #main*/ { width: 100%; } #slider { margin: 0 auto; } #slider #main { height: 200px; width: 300px; } a.bx-prev, a.bx-next { display: inline-block; pointer: cursor; width: 30px; height: 25px; padding-top: 0px; border-radius: 0px; background: #374C64; font: normal 13px Verdana; color: whitesmoke; text-decoration: none; } a.pager-link.pager-active { background: #44678E; cursor: auto; } a.pager-link:hover, a.bx-prev:hover, a.bx-next:hover, a.bx-start:hover { background: #6289B4; } .rootAnn.ann p * { vertical-align: middle; } .rootAnn.ann p .type { display: inline-block; width: 100px; padding: auto 8px; vertical-align: middle; text-align: center; border-radius: 3px; } .rootAnn.ann p .date { width: 75px; } .rootAnn.ann p.ann .type { background-image: linear-gradient(left top, #FF0000 0%, #FF5A5A 100%); background-image: -o-linear-gradient(left top, #FF0000 0%, #FF5A5A 100%); background-image: -moz-linear-gradient(left top, #FF0000 0%, #FF5A5A 100%); background-image: -webkit-linear-gradient(left top, #FF0000 0%, #FF5A5A 100%); background-image: -ms-linear-gradient(left top, #FF0000 0%, #FF5A5A 100%); background-image: -webkit-gradient( linear, left top, right bottom, color-stop(0, #FF0000), color-stop(1, #FF5A5A) ); } .rootAnn.ann p.news .type { background-image: linear-gradient(left top, #FFFF00 0%, #FFC800 100%); background-image: -o-linear-gradient(left top, #FFFF00 0%, #FFC800 100%); background-image: -moz-linear-gradient(left top, #FFFF00 0%, #FFC800 100%); background-image: -webkit-linear-gradient(left top, #FFFF00 0%, #FFC800 100%); background-image: -ms-linear-gradient(left top, #FFFF00 0%, #FFC800 100%); background-image: -webkit-gradient( linear, left top, right bottom, color-stop(0, #FFFF00), color-stop(1, #FFC800) ); } .rootAnn.ann p.cont .type { background: pink; } .rootAnn.ann p.info .type { background: blue; color: white; } </style> <table><tr><td class="rootAnn ann"> <br><b>02.11.2014</b>: Идет набор в "Админ Состав" подробнее <a href="http://nnf.anihub.ru/viewtopic.php?id=171">тут.....</a> <br><b>02.11.2014</b>: Игра началась! Полностью все локации были созданы <br><b>26.10.2014</b>: Дизайн был сделан полностью. Многократное ура =3 <br><b>26.10.2014</b>: Был написан сюжет! <br><b>26.10.2014</b>: Полностью был написан технобук и правила изучения техник и новых направлений. </span> </p> </td><td class="rootAnn"> <table id="slider"><tr><td id="prev"></td> <td><div id="main"> <br><center><b>Партнеры</b> <br>Пока что никого нет. Но думаю у нас будут партнеры)</center> </div></td> <td id="next"></td> </tr><tr></table> </td></tr></table> <script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js"></script> <script> $('#slider #main').bxSlider({ prevSelector: '#slider #prev', prevText: '<', nextSelector: '#slider #next', nextText: '>', pager: false, auto: false }); </script>
код таблицы. Проблема в том что я не могу разбить ее на три контейнера. Пытался блин, не получается (