BigApple.ru » Интернет » HTML » Боковые заголовки

Боковые заголовки

Добавлено: 13.02.2012
Автор: rrrr

Единственными предусмотренными в HTML и XHTML заголовками являются теги <h1>–<h6>. Эти теги вкладываются в поток текста, разделяя смежные абзацы текста. При помощи многостолбцовости можно добиться другого стиля, в котором заголовки помещаются сбоку, в отдельном столбце, проходящем в вертикальном направлении вдоль текста документа.

На рис. 17.3 можно увидеть довольно-таки симпатичную пару боковых заголовков, результат исполнения следующего кусочка XHTML-кода таблицы:

<table> <tr>

<th width="20%" align="right">

<h3>Section 1</h3></th> <td></td> <td>

Copy for section 1 goes on and on a bit so that it will take up more than one line in the table cell window... </td> </tr> <tr>

<th align="right">

<h3>Section 2</h3></th> <td></td> <td>

Copy for section 2 goes on and on a bit so that it will take up more than one line in the table cell window...</td> </tr> </table>

Рис. 17.3. Теги таблицы создали эти боковые заголовки

Обратите внимание на то, как мы отодвинули эти относительно привлекательные боковые заголовки от левого края окна броузера, подобрав подходящую ширину первой заголовочной ячейки и выровняв ячейки правого столбца по правому краю.

Точно так же, как и в примере многоколоночного макета, в макете с боковыми заголовками используется пустой столбец для создания промежутка между узким левым столбцом с заголовками и более широким правым столбцом, содержащим ассоциированный с этими заголовками текст. Лучше всего указывать ширину этого столбца в процентах от ширины таблицы, а не в пикселах, гарантируя тем самым, что заголовочный столбец масштабируется в соответствии с широким или узким окном броузера.

0 комментариев
Оцените статью:
Участник обсуждения

Нажмите, чтобы ответить

     
Время формирования страницы на сервере: 0.294 сек.