Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

dimok.ru :: дизайн, верста, оптимизация для поисковых систем


Информационный Канал Subscribe.Ru


Центрирование с помощью таблицы (TABLE) - dimok.ru :: дизайн, верстка, продвижение сайта Rambler's Top100

Позиционирование фонового изображения (background-position) с помощью CSS

Этот прием часто используется для сплэш-страниц. Вообще говоря, можно использовать и в других ситуациях - на то уже ваша фантазия.

Предположим у нас есть картинка,

которую необходимо разместить на стартовой странице, сделать ее ссылкой на главную страницу сайта. И самое главное: она должна быть расположена по центру страницы.

В тело страницы вставляем следующей код:

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td valign="middle" align="center"><a href="main.html"><img les1-01.jpg" width="360" height="73" border="0"></a></td>
</tr>
</table>


Что важно:

У таблицы ширина (width) и высота (height) должны быть установлены 100%.

У ячейки таблицы (тег <td>) вертикальное выравнивание (valign) должно быть 'middle', а горизонтальное выравнивание (align) - 'center'.

Вот что получается:

Если вы хотите расположить по центру не только картинку, но и целый сайт, то вместо картинки вставляете таблицу и там уже делаете все, что вам захочется. Обязательно попробуйте что-нибудь сделать, и если у вас возникнут какие-нибудь вопросы, то спросите меня лично или на форуме.

 

Также на сайте

Тег Meta Keywords больше уже не важен для поисковых систем. Важен ли тег Meta Description? Или стал ли он менее важен?

Как правильно создавать ImageMap (карта изображения)

Динамическая панель навигации

Раскрашиваем полосы прокрутки

Центрирование с помощью фреймов

Как рождается идея?

Все права принадлежат Голополосову Дмитрию. 2000-2003. http://dimok.ru    dimok@tula.net


Rambler's Top100


http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное