Кухня HTML-верстальщика

    Начало
    Глава 1
    Глава 2
    Глава 3
    Глава 4
    Глава 5
    Глава 6
    Глава 7
    Глава 8
    Глава 9
    Глава 10
    Глава 11
    Глава 12
    Глава 13
    Глава 14

5. Центрирование по вертикали

Одним из способов показать посетителю направленность и название сайта является использование сплэш-страницы. Это первая страница, на которой, как правило, расположен рисунок или flash-заставка, выражающие главную идею сайта. Это изображение также является и ссылкой на остальные разделы сайта. Задача – разместить такой рисунок строго по центру окна браузера вне зависимости от разрешения монитора. Добавление нескольких тегов BR перед рисунком является неверным, поскольку при изменении разрешения или размера шрифта изменится и положение изображения. Правильное решение следующее. Необходимо поместить рисунок, центрированный по горизонтали, внутрь таблицы со 100% шириной и высотой, как показано в Примере 5.1.

Пример 5.1. Центрирование рисунка по вертикали

<table width="100%" height="100%">
<tr>
<td align="center">
<img src="images/title.gif" width="400" height="300">
</td>
</tr>
</table>

По вертикали ячейку можно не центрировать, это положение задается по умолчанию, а по горизонтали используется параметр align="center" тега TD.

top

Rambler's Top100

Кухня HTML-верстальщика © Copyright 2008г.

графика, хтмл, для, начинающий, начинающих, чайников, новичков, просто, основа, основы, графика, страница, домашний, домашняя, сайт, новый, новичок, html, обучение, учеба, пример, веб, мастер, веб-мастер, дизайн, веб-дизайн, вебдизайн, дезайн, веб-дезайн, вебдезайн, дезайнер, дизайнер, ступени, тэги, тэг, теги, тег, аттрибут, атрибуты, парамет, design, web, help, помощь, icq, e-mail, guest, book, guestbook, гостевая, книга, форум, аська, контакт, ссылка, link, links, banner, обмен, баннер, баннерами, банер, baner, друзья, friends, почитать, написать, вопросы, вопрос, ответ, проект, ступени, словарь

Используются технологии uCoz