Справка веб-мастера     Справочник web-мастера и программиста
  PHP       Интернет       Беб-дизайн       Безопасность       Javascript     Информеры     Game      
          Игра шарики



Слои в HTML

Слой
Слой








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

Код слоя:

<div id="имя слоя" style="position:absolute; left:204px; top:143px; width:171px; height:62px; z-index:2">содержимое слоя</div>

left - расстояние от левого края: может быть как в пихелях, так и в процентах от общей ширины экрана.

top - расстояние от верха.

id - это индивидуальное имя слоя, совпадать и повторяться оно не должно.

style - это вид слоя, то есть способ его отображения. Без этого параметра сам по себе тег div может служить лишь способом форматирования вложенного в него текста - без главных особенностей, присущих слоям - таких, как расположение поверх чего угодно.

z-index - значение может быть только цифрой. Причем, чем меньше эта цифра, тем выше находится слой по отношению к другим слоям.

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

Положительные стороны:

  • удобство для дизайнера - большая свобода и больше эффектов.
  • быстрее загрузка и не нужно ждать закрытия замыкающего тега.
  • удобнее манипулировать их содержимым

Отрицательные стороны:

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

Слои останутся элементом чисто декоративным и не основным, но при помощи слоев получаются приятные менюшки, рассмотрим основные параметры слоев.

Дополнительные возможные теги:

background-color: цвет фона

layer-background-color: цвет слоя

border: 1px none - если убрать "ноне", то вокруг слоя появится бордюр 1 пихель толщиной.

У слоев есть много других тегов, но они предназначены для использования наряду со скриптами.









  Copyright © King-dom.ru, 2008-2013       Разработка сайта SoftHolm.com