Код стиля к таблице
Код:
<style type="text/css">
.TblBrd {
border: solid 2px; /*границы вокруг средних ячеек*/
width: 25%; /*все ячейки одинаковой ширины по 25%*/
vertical-align: top;/*выравнивание по верху*/
text-align: center; /*выравнивание по центру*/
}
.PrtScrl {
height: 150px; /*высота ячейки Партнеры (и всех в среднем ряду)*/
overflow: scroll; /*добавляет прокрутки*/
overflow-x: hidden; /*убирает горизонтальную прокрутку*/
}
.BtmBG {
background: transparent url("Ссылка на рисунок скругленной рамки") no-repeat; /*фоновое изображение со скругленной рамкой*/
}
.BtmScrl {
height: 150px; /*высота */
overflow: scroll;
overflow-x: hidden;
margin: 10px; /*отступ от границ ячеек*/
background: #fcc; /*фоновый цвет*/
text-align:center;
}
</style>Код таблицы
Код:
<table width="100%"> <tr> <th>Админ-состав</th> <th>Выжные ссылки</th> <th>Партнеры</th> <th>Погода</th> </tr> <tr> <td class="TblBrd"> <b>Гл. Администратор</b><br /> I.Uchiha </td> <td class="TblBrd"> <a href="http://nte.spybb.ru/viewtopic.php?id=11">Шаблон Анкеты</a> </td> <td class="TblBrd"> <div class="PrtScrl"> Ваш текст<br /> прокрутка </div></td> <td class="TblBrd"> Ваш текст </td> </tr> <tr> <td colspan="2" class="BtmBG"> <div class="BtmScrl"> Ваш текст<br /> прокрутка </div></td> <td colspan="2" class="BtmBG"> <div class="BtmScrl"> Ваш текст<br /> прокрутка </div></td> </tr> </table>
