Ура! подфорум пока сохранился!!!
/*Для начала позиционирования разделов необходимо спозиционировать строки таблиц.*/
#pun-index tr {
position: relative;
width: 860px; /* ширина строки */
}
/*Позиционируем ячейку с описанием форума:*/
#pun-index td.tcl {
display: inline-block;
float: left; /* расположение слева */
width: 460px; /* ширина ячейки */
padding-bottom: 50px; /* отступ снизу для размещения под описанием кол-во тем и сообщений */
}
/*Позиционируем ячейку с последним сообщением:*/
#pun-index td.tcr {
display: block;
position: absolute;
right: 0;/* расположение справа */
width: 330px; /* ширина ячейки */
}
/*Затем добавляем к ячейкам "Тем" и "Сообщений" описания (так как табличных заголовков нет, непонятно что это за цифры)*/
#pun-index td.tc2:before {
content: 'Тем: '; /* Текст для ячейки "ТЕМ" */
color: #8ee39c; /* Цвет вставленного текста */
background: rgba(0, 0, 0, 0) url("картинка") no-repeat scroll 0 0; /* иконка */
padding-left: 16px; /* отступ вставленного текста от иконки */
}
#pun-index td.tc3:before {
content: 'Сообщений: '; /* Текст для ячейки "СООБЩЕНИЙ" */
color: #8ee39c;
background: rgba(0, 0, 0, 0) url("картинка") no-repeat scroll 0 0; /* иконка */
padding-left: 16px; /* отступ вставленного текста от иконки */
}
/*Иконки и прочие декоративности - на ваш вкус и цвет, лишние строчки можно удалить, текст можно заменить на свой.)*/
/*Затем позиционируем ячейки:)*/
#pun-index td.tc2, #pun-index td.tc3 {
position: absolute;
display: block;
bottom: 10px; /* отступ от низа строки с разделами */
width: 200px; /* ширина ячеек */
}
#pun-index td.tc2 {
left: 5px; /* отступ влево ячейки "Тем" */
}
#pun-index td.tc3 {
left: 230px; /* отступ влева ячейки "Сообщений" */
}
/*Для декоративности можно добавить отступы и границы:)*/
#pun-index td.tcl, #pun-index td.tcr { /* применяется на ячейки "форум" и "последний пост" */
margin: 5px 0; /* Отступы */
border-top: 4px solid #e0e9f2; /* границы */
}