Содержание книги в HTML
30th September 2003 - 03:13
«Хождения» в интернет всё больше напоминают анекдот, в котором перечисляется куча воскресных дел (покраска гаража, покупка зимней резины, смена масла, etc.), а потом спрашивается, возможно ли сделать все эти дела в один день, если вы без автомобиля.
Задача: представить некий перечень в виде «книжного» содержания. Нашёл красивое решение:
HTML
<table width="100%">
<tr>
<td class="title"><span>Много много текста</span></td>
<td class="page">67</td>
</tr>
<tr>
<td class="title"><span>Много много текста много текста
много текста … много текста много текста</span></td>
<td class="page">68</td>
</tr>
</table>
CSS
td.title { background: white url("dot.gif") 0 100% repeat-x; }
td.title span { background-color: white; }
td.page { vertical-align: bottom; }И, например, такая точка: dot.gif
Categories: CSS | comments: (1)
Комментарии
1. Sordes 30th September 2003 - 21:22
Точка у тебя довольно ничего вышла. А говорил рисовать не умеешь.
Mash:
Клипарт. :)