У меня возник такой вот вопрос. На сайт я поставил таблицу, которая в материале будет показывать кто добавил файл, сколько раз скачали, но оно выглядит не очень красиво.
Оригинал откуда я рипал, а именно изображение как должно выглядеть.
А вот в итоге, что у меня вышло.
Не ахти правда. Это код HTML
Код
<td width="200" valign="top"> <table class="table" style="margin:0">
<tbody><tr>
<th style="width:40%">Автор:</th>
<td>$AUTHOR_NAME$</td>
</tr>
<tr>
<th>Версия:</th>
<td>$OTHER1$
</td>
</tr>
<tr>
<th>Перевод:</th>
<td>$OTHER2$
</td>
</tr>
<tr>
<th>Просмотры:</th>
<td>$READS$</td>
</tr>
</tbody></table></td><td valign="top"><div class="col-lg-6">
<table class="table" style="margin:0">
<tbody><tr>
<th style="width:40%">Опубликовал:</th>
<td><a href="$PROFILE_URL$">$USER$</a></td>
</tr>
<tr>
<th>Размер:</th>
<td><?if($FILE_SIZE$)?>$FILE_SIZE$<?endif?><?if($RFILE_SIZE$)?>$FILE_SIZE$<?endif?></td>
</tr>
<tr>
<th>Язык мода:</th>
<td><?if($LOADS$)?>$LOADS$<?endif?></td>
</tr>
<tr>
<th>Загрузок:</th>
<td><?if($LOADS$)?>$LOADS$<?endif?></td>
</tr>
</tbody></table>
</div>
</td>
</table>
<hr/>
CSS
Код
th{text-align:left;}
.table{width:100%;max-width:100%;margin-bottom:20px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #CCCCCC;}
Мой сайт, а именно на тестовый материал: http://igrowoz.do.am/stuff/yvayva/vayaya/1-1-0-2
Что мне сделать, чтобы у меня выглядело так как на первом скрине?