Абсолютное позиционирование

Cтраница 1

Абсолютное позиционирование предполагает размещение объекта ( элемента HTML или управляющего элемента) в любом месте страницы с помощью определения координат его левого верхнего угла. Для задания координат требуется указать значения top и left, обозначающие положение верхнего левого угла ограничивающего объект прямоугольника. [1]

Метод move использует абсолютное позиционирование, и элемент перемещается в положение, являющееся аргументом. Функция moveby применяет относительное позиционирование и перемещает элемент на расстояние, которое является аргументом метода. [2]

С созданием метода абсолютного позиционирования стало возможно помещать текст связи прямо на картинке. При этом графические изображения строки меню явно модифицируются для каждой страницы, а сам их набор остается неизменным. Такой подход использует кэширование образов и придает странице более привычный вид. Он позволяет также каждый месяц изменять графику строки меню: для этого надо всего лишь сохранить новые изображения под старыми именами. [3]

Но теперь, благодаря абсолютному позиционированию я могу располагать текст связи непосредственно на картинке, придавая картинкам обычный вид для каждой страницы, не добавляя новых картинок. Этот подход позволяет по-прежнему пользоваться преимуществами кэширования картинок, а кроме этого дает большую возможность настраивать внешний вид. Для меня чрезвычайно просто каждый месяц менять картинки строки меню, так как все страницы ссылаются на один и тот же файл картинки. Все, что мне нужно сделать, - это заменить картинку, содержащуюся в файле картинки. [4]

Программа вычерчивания периода синусоиды в упрощенном виде. [5]

Если вместо процедуры движение использовать процедуру абсолютного позиционирования движение - abs, то можно продемонстрировать и другие преимущества такой формы записи программы. [6]

Пример предварительного просмотра использует наряду с абсолютным позиционированием также слои для размещения четырех картинок и кнопки на Web-странице. Для каждой картинки создаются массивы, каждый из которых содержит либо х, либо у координаты пути, по которому следует картинка всякий раз, когда нажимается кнопка. [7]

IE 4.0 в Netscape, эффективно используя слои и абсолютное позиционирование. [8]

Таблица стилей устанавливает начальное положение блоков картинок и кнопки, используя абсолютное позиционирование. [9]

По мере добавления каждого нового элемента, особенно при применении метода абсолютного позиционирования, сразу проверяйте, как выглядит страница в обоих браузерах. Если возникнут несоответствия, исправьте их. [10]

В этом примере при размещении четырех картинок и кнопки на Web-странице использовано абсолютное позиционирование и слои. Создаются восемь массивов по два для каждой картинки. Один массив содержит джоординаты пути, другой - у-координаты. При нажатии кнопки картинки перемещаются на странице. Они следуют своим указанным путем, который меняется каждый цикл. Этот цикл продолжается до тех пор, пока каждая из картинок не сделает полный оборот на странице. [11]

Эти видимые рисунки, которые представляют из себя не подсвеченные кнопки, размещаются на странице заданием абсолютного позиционирования. [12]

Блоки, описанные в этом примере, размещаются рядом, сторона к стороне, как показано на рис. 6.4. Обратите внимание, что метод относительного позиционирования располагает первый блок чуть правее и ниже, чем метод абсолютного позиционирования. Это происходит потому, что поля тела страницы применяются также и к блоку. Фоновые цвета блоков подобраны так, чтобы сделать заметными ограничивающие их прямоугольники. [13]

Этот пример выводит на экран рядом два элемента, как показано на рис. 10.4. Также видно, что поскольку поля тела относятся к блоку, то относительное позиционирование первого устанавливает блок несколько правее и значительно ниже, чем если бы он был создан с помощью абсолютного позиционирования. Кроме того, чтобы сделать более видимым позиционирование рамок, для обоих блоков задается цвет фона. [14]

Иногда технологу-программисту предоставляется возможность на выбор использовать для позиционирования инструмента либо абсолютную систему координат, либо инкрементную, где перемещения задаются в приращениях. Абсолютное позиционирование означает, что положение инструмента всегда задается относительно нулевой точки. Если, например, нужно просверлить отверстие в точке, находящейся на 8 мм выше оси х и на 6 мм правее оси у, то координаты отверстия будут заданы так: х - 6.000, у 8.000. В отличие от этого инкрементное позиционирование ( позиционирование в приращениях) означает, что следующее положение инструмента должно быть определено по отношению к его предыдущему положению. [15]

Страницы: 1 2