Книги на форуме

by pharma_nsk

HTML

<body>
<div class="box">

<table>
  <caption>Книги</caption>
  <tr>
    <td><a href="#">Кино и книги</a><br><br> Обсуждение фильмов и экранизаций</td>
    <td>147 тем<br>4374 комментария</td>
    <td><span><img src="http://iconizer.net/files/Essen/orig/user.png"></span> <a href="#">slonixxx</a><br>вчера 22:37<br>
   <a href="#"> <img src="http://images.gofreedownload.net/green-up-arrow-26910.jpg" class="on"></a></td>
  </tr>
 <tr>
    <td><a href="#">Книги</a><br><br> Обсуждение книг</td>
    <td>1313 тем<br>24314 комментариев</td>
    <td><span><img src="http://iconizer.net/files/Essen/orig/user.png"></span> <a href="#">Bikelady</a><br>вчера 23:36<br>
   <a href="#"> <img src="http://images.gofreedownload.net/green-up-arrow-26910.jpg" class="on"></a></td>
  </tr>
  
   <tr>
    <td><a href="#">Раздел советов</a><br><br> Просим и даём советы о том, чего бы такого нам почитать</td>
    <td>1563 тем<br>20587 комментариев</td>
    <td><span><img src="http://iconizer.net/files/Essen/orig/user.png"></span> <a href="#">pan9ora</a><br>сегодня 09:43<br>
   <a href="#"> <img src="http://images.gofreedownload.net/green-up-arrow-26910.jpg" class="on"></a></td>
  </tr>
   <tr>
    <td><a href="#">Авторы</a><br><br> Всё об авторах</td>
    <td>160 тем<br>2816 комментариев</td>
    <td><span><img src="http://iconizer.net/files/Essen/orig/user.png"></span> <a href="#">tortila</a><br>сегодня 08:21<br>
   <a href="#"> <img src="http://images.gofreedownload.net/green-up-arrow-26910.jpg" class="on"></a></td>
  </tr>
  </table>
</div>

</body>

CSS

@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed';
body {background-color:white; font-family: Arial, sans-serif;font-size:11px;}
.box {height:auto; width:80%; margin:10px auto;}
table {border-collapse:collapse;}
caption {background-color: #C6C3E3; height:25px; text-align:center; line-height:25px; font-weight:bold; padding-left:5px;}
tr {border-top:2px solid #EBEBED; }
td {padding-left:5px; vertical-align:top;  padding:5px 5px 15px 5px;}
td:first-child {width:65%;  padding-left:5px;}
td:last-child {width:15%;text-align:left;}
td:nth-child(2n) {width:20%;text-align:left; font-size:10px;}
a {font-weight:bold; color:#3284B8;}
a:hover {color:green;}
img {height:12px; position:relative; top:3px;}
.on {transform: rotate(90deg); height:12px;}