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

«Панель задач» обеспечивает быстрый доступ к тем или иным файлам и программам. На ней вы можете разместить лишь те приложения, которыми регулярно пользуетесь, и открывать их в один клик.

Таким образом, если на «Рабочем столе» расположено много ярлыков других программ, то вам больше не понадобится тратить время на поиск нужного файла, так как его можно добавить на ПЗ.

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

Настройки «Панели задач»

ПЗ представляет собой тонкую полоску, которая расположена в нижней части экрана (по умолчанию). Условно ее можно разделить на три части:

• Слева - кнопка «Пуск» и закрепленные программы.
• Центр - активные приложения и файлы.
• Справа - область уведомлений и языковая панель.

ПЗ настраивается в соответствии с индивидуальными предпочтениями «юзера». Например, можно автоматически скрывать этот элемент интерфейса, а появляться он будет, когда вы подведете курсор в место, где расположена панель. Кстати, о том, как переместить «Панель задач», читайте ниже.

Пользователь имеет возможность изменить размер значков приложений и файлов, которые расположены на ПЗ, а также область уведомлений. В ОС "Виндовс 7" есть функция Aero Peek. Если активировать ее, все окна исчезнут и появится «Рабочий стол» (при наведении курсора на прямоугольник справа).

Выполнять все эти манипуляции можно, кликнув ПКМ по панели и перейдя в «Свойства».

Как «Панель задач» переместить вниз?

Бывают ситуации, когда ПЗ оказывается не на привычном месте (снизу), а где-нибудь сбоку. Возможно, вы купили б/у компьютер, и бывшему хозяину было удобнее такое расположение. Или, например, ребенок случайно переместил ее. Итак, как вернуть «Панель задач» вниз?

Существует два способа:

1. Кликните по панели ПКМ и снимите чекбокс, установленный возле функции «Закрепить ПЗ». Перетащите ее вниз. Чтобы избежать повторного случайного перемещения, закрепите ее, отметив соответствующую опцию.

2. Щелкните на панели правой кнопкой мышки и выберите «Свойства». В контекстном меню у вас есть возможность указать расположение этого элемента интерфейса на экране. Опять же, понадобится закрепить ее и нажать кнопку «Применить».

Помните, используя эти два способа, вы можете установить ПЗ в любом удобном месте экрана.

Восстановление исчезнувшей панели

Если вы запустили компьютер или ноутбук и увидели, что «Панель задач» пропала, то восстановить ее можно несколькими методами. Самый простой - посмотрите, может быть, в настройках отмечен пункт «Автоматически скрывать ПЗ», поэтому подведите указатель в ту часть экрана, где она должна быть расположена. Не появилась? Тогда посмотрите по бокам и сверху. Возможно, вы ее случайно переместили.

Если же ПЗ не восстановилась, то понадобится воспользоваться «Диспетчером задач». Запустив его, откройте вкладку «Приложения». Здесь вам необходимо указать новую задачу, кликнув на соответствующую кнопку. Откроется окно, где нужно вставить задачу explorer.exe и нажать кнопку Enter на клавиатуре или ОК.

Теперь вы знаете не только о том, как «Панель задач» переместить в низ экрана, но и о том, как восстановить ее, если она пропала.

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

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

Вы знаете, как «Панель задач» переместить вниз, а также в любую другую область, поэтому установите ее таким образом, чтобы обеспечить себе наиболее комфортное времяпрепровождение за просмотром фильмов или видеоигр.

Если вас отвлекают уведомления системного трея, отключите их. Для этого перейдите в свойства ПЗ и найдите подраздел «Область уведомлений». Кликните «Настроить». Отключите те уведомления, которые вам не нужны.

Заключение

Итак, вам известно, как «Панель задач» переместить вниз экрана, а также как установить ее сбоку. Вы знаете, как восстановить ее, в случае если она исчезла. Теперь вы самостоятельно можете выполнять данные манипуляции и не растеряетесь, когда возникнет одна из проблем, о которых написано выше.

Представьте себе ситуацию, вы приходите к себе домой или, например, на работу, включаете ПК и видите, что привычная полоска с кнопкой пуск (называется панелью задач), которая обычно находится снизу, перенесена влево, вправо или даже в верхнюю часть экрана. Причиной такого «переезда» может быть шутка друзей, коллег или ваших домочадцев. Кроме того, вы могли сами случайно переместить панель и, не заметив этого, выключить компьютер. Как бы то ни было, а нужно либо привыкать к новому оформлению рабочего стола, либо менять все «как было». И если мириться с изменениями вы не хотите, то представленная ниже информация — как переместить панель задач вниз экрана будет для вас кстати.

С этой проблемой сталкиваются многие пользователи, у которых установлены разные версии Windows: 7, 8 и 10. Поэтому в этой статье мы рассмотрим все версии Windows, чтобы каждый пользователь смог решить эту проблему. Если при прочтении будет говориться о настройках, которых у вас нет, то это значит, что в этом абзаце рассматривается другая версия Windows. В любом случае ваша ситуация будет разрешена и вы можете не переживать.

Перетащите панель мышкой

Начать следует с самого простого способа возврата панели задач на свое штатное место. Его суть заключается в простом перетаскивании панели обратно. То есть в буквальном смысле – зажали на пустом месте панели левой кнопкой мыши и потащили в нужное место.

По-хорошему, следует сначала проверить, а можно ли вообще панель перетащить? Для этого нажмите на панели задач правой клавишей и обратите внимание на пункт «Закрепить панель задач» — в Windows 7 и 8.

Если возле него стоит галочка, то перетащить панель не получится. Но не паникуйте! Просто уберите отметку (нажмите на это пункт) и все. Если у вас Windows 10, то эта настройка будет называться:

Итак, если галочка убрана, то проделайте то, о чем писалось выше (перетащите панель задач в нужное место, но когда будете перетаскивать вы не должны отпускать клавишу на мышки), после того как панель будет находиться в нужном месте, нажмите на пустое место панели правой кнопкой мыши и на этот раз поставьте галочку у пункта «Закрепить...». Это необходимо для того, чтобы вы снова по неосторожности не переместили панель задач в другое место.

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

Вот небольшое видео для Windows 7 и 8:

Перемещение панели задач через ее «Свойства»

Также есть другой способ, чтобы вернуть панель задач на привычное вам место. Итак, если по какой-либо причине вы не смогли перетащить панель задач, то кликните по ней правой кнопкой мыши, однако на этот раз вместо нажатия на «Закрепить панель задач» выберите пункт «Свойства». Так будет выглядеть в Windows 7 и 8 (ниже будет рассказано про Windows 10):

В открывшемся окошке обратите внимание на подраздел «Положение панели задач на экране» и нажмите на него, после чего кликните по наиболее подходящему для вас расположению панели задач и не забудьте в конце нажать на кнопку «Применить». Вот так это выглядит в Windows 8 (в Windows 7 эта настройка размещается немного левее):

Ну и конечно, не забудьте потом закрепить панель, чтобы впоследствии снова ее случайно не перетащить (для этого в свойствах вверху имеется пункт «Закрепить панель задач», возле которого также надо поставить галочку).

Если на вашем компьютере в данный момент установлена систему Windows 10, то пункта «Свойства» у вас не будет, вместо него нажмите на «Параметры»:

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

Для Windows 10:

Урок покажет, как переместить панель задач вниз экрана и вернуть ее на прежнее место в ОС Windows. Бывают ситуации, когда Вы сами или другой пользователь неаккуратными действиями, случайно ее перемещаете. Из-за этого она может оказаться слева, справа (сбоку) или вообще сверху. И тут сразу рождается вопрос, а как же вернуть панель задач на место?

Перемещаем с помощью свойств панели задач

Свойства можно открыть такими действиями:

1. Щелкните правой кнопкой на свободном (пустом) месте панели задач и нажмите «свойства».

2. Кликните правой кнопкой на кнопку «пуск» и в меню выберите «свойства».

3. Нажмите «пуск» введите «панель задач», затем выберите строку в соответствии с картинкой.

Когда выполните 1 из 3 действий выше, перед вами выскочит окошко со свойствами. Обратитесь к пункту «положение панели задач », ниже которого Вы увидите текущее расположение (в моем случае «справа»). А при клике на него, появится выбор из таких положений:

Снизу

Слева

Справа

Сверху

Выберите положение «снизу», затем кликните «применить» и «OK», чтобы панель переместилась на место.

Примечание: поставьте флажок к надписи «закрепить панель задач», чтобы в будущем обезопасить себя от случайного перемещения.

Перемещение с помощью мышки

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

Для начала снимите отметку с надписи «закрепить панель задач », либо в окне свойств, либо в меню, которое вызывается кликом правой кнопкой на пустом (свободном) месте панели. Если закрепления нет, Вы увидите точечные полосы по краям (правая показана на скриншоте).

Теперь зажмите на свободном (пустом) месте панели задач левую кнопку и перетаскивайте к нижнему краю дисплея до тех пор, пока она не окажется внизу. Поводите мышкой по внутреннему периметру дисплея и понаблюдайте. В каком месте отпустите кнопку, в таком она и окажется.

Как вернуть панель задач на место через реестр

Переместить панель задач вниз экрана и во все стороны можно и через реестр Windows. Я не буду объяснять, что менять, создавать в реестре, так как приготовил готовые варианты.

Иначе, Вам бы пришлось переходить по длинному пути, создавать или править в разделе «StuckRects2» двоичный параметр «Settings», в котором надо вводить длинное численно-символьное значение.

Панель задач является одним из основных элементов интерфейса операционной системы Windows. На данной панели размещается кнопка Пуск, открытые окна, иконки свернутых программ, а также часы и календарь.

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

В данном материале мы расскажем о том, как можно решить эту проблему. Несмотря на то, что приведенные в статье скриншоты были сделаны в Windows 10. Описанные ниже способы решения будут актуальны для всех версий операционной системы Windows, включая Windows XP, Windows 7 и Windows 8.1.

Итак, если вы хотите переместить Панель задач вниз экрана, то это можно сделать несколькими способами. Первый способ заключается в использовании настроек Панели задач. Для этого нужно кликнуть правой кнопкой мышки по панели задач и в открывшемся меню выбрать пункт «Свойства».

После этого откроется окно под названием «Свойства Панели задач и меню Пуск». Здесь есть выпадающее меню, в котором можно выбрать положение панели задач на экране. Откройте данное меню и выберите там вариант «Снизу».После чего закройте окно нажатием на кнопку «Ok».

Дополнение. В последних версиях Windows 10 в контекстном меню Панели задач нет пункта «Свойства», вместо него есть пункт «Параметры панели задач», который выполняет те же функции.

Кликните по «Параметры панели задач» и пролистайте открывшиеся настройки в самый конец.

Там будет выпадающее меню для перемещения Панели задач.

Перемещение панели задач в низ экрана с помощью мышки

Второй способ переместить Панель задач вниз экрана это перемещение с помощью мышки. Для того чтобы воспользоваться данным способом кликните правой кнопкой мышки по Панели задач и обратите внимание на пункт меню «Закрепить панель задач». Если напротив данного пункта меню установлена отметка, то вам нужно кликнуть по данному пункту меню и снять ее. Таким образом вы открепите панель задач от ее текущего расположения.

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

После того как Панель задач займет нужное вам положение не забудьте закрепить ее на этом месте с помощью меню. Это позволит избежать подобных проблем в будущем.

Другие возможные проблемы с Панелью задач

Кроме внезапного перемещения в положение вверху экрана или сбоку, с Панелью задач бывают и другие проблемы. Некоторые наиболее распространенные мы рассмотрим ниже.

• Панель задач исчезает и появляется . Если ваша Панель задач то исчезает, то появляется, то, скорее всего у вас включена функция «Автоматически скрывать Панель задач». Для того чтобы отключить данную функцию кликните правой кнопкой мышки по свободному месту на Панели задач и откройте ее свойства. После этого снимите отметку напротив данной функции и сохраните настойки нажатием на кнопку «Ok».
• Панель задач слишком большая . Еще одна проблема — слишком широкая панель задач. Для того чтобы это исправить нужно снять открепить Панель задач так как это описано выше и навести курсор мышки на край Панели задач. После того как курсор получит форму двунаправленной стрелки нужно захватить край Панели задач и уменьшить ее размер. Если уменьшить размер Панели задач не получается, но она все равно слишком большая, то откройте ее свойства и включите функцию «Использовать маленькие кнопки на панели задач.

Влад Мержевич

Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное. В зависимости от типа, который устанавливается через свойство position , изменяется и система координат.

Благодаря комбинации свойств position , left , top , right и bottom элемент можно накладывать один на другой, выводить в точке с определёнными координатами, фиксировать в указанном месте, определить положение одного элемента относительно другого и др. Подобно другим свойствам CSS управление позиционированием доступно через скрипты. Таким образом, можно динамически изменять положение элементов без перезагрузки страницы, создавая анимацию и различные эффекты.

Нормальное позиционирование

Если для элемента свойство position не задано или его значение static , элемент выводится в потоке документа как обычно. Иными словами, элементы отображаются на странице в том порядке, как они идут в исходном коде HTML.

Свойства left , top , right , bottom если определены, игнорируются.

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

При абсолютном позиционировании элемент не существует в потоке документа и его положение задаётся относительно краёв браузера. Задать этот тип можно через значение absolute свойства position . Координаты указываются относительно краёв окна браузера, называемого «видимой областью» (рис. 3.42).

Рис. 3.42. Значения свойств left, right, top и bottom при абсолютном позиционировании

Для режима характерны следующие особенности.

• Ширина слоя, если она не задана явно, равна ширине контента плюс значения полей, границ и отступов.
• Слой не меняет своё исходное положение, если у него нет свойств right , left , top и bottom .
• Свойства left и top имеют более высокий приоритет по сравнению с right и bottom . Если left и right противоречат друг другу, то значение right игнорируется. То же самое касается и bottom .
• Если left задать отрицательное значение, то слой уйдёт за левый край браузера, полосы прокрутки при этом не возникнет. Это один из способов спрятать элемент от просмотра. То же относится и к свойству top , только слой уйдёт за верхний край.
• Если left задать значение больше ширины видимой области или указать right с отрицательным значением, появится горизонтальная полоса прокрутки. Подобное правило работает и с top , только речь пойдёт о вертикальной полосе прокрутки.
• Одновременно указанные свойства left и right формируют ширину слоя, но только если width не указано. Стоит добавить свойство width и значение right будет проигнорировано. Аналогично произойдёт и с высотой слоя, только уже участвуют свойства top , bottom и height .
• Элемент с абсолютным позиционированием перемещается вместе с документом при его прокрутке.

Свойство position со значением absolute можно использовать для создания эффекта фреймов. Кроме абсолютного позиционирования для элементов необходимо назначить свойство overflow со значением auto . Тогда при превышении контентом высоты видимой области появится полоса прокрутки. Высота и ширина «фреймов» формируется автоматически путём одновременного использования свойств left , right для ширины и top , bottom для высоты (пример 3.31).

Пример 3.31. Создание аналога фреймов

Абсолютное позиционирование body { margin: 0; } #sidebar, #content { position: absolute; } #sidebar, #content { overflow: auto; padding: 10px; } #header { height: 80px; /* Высота слоя */ background: #FEDFC0; border-bottom: 2px solid #7B5427; } #header h1 { padding: 20px; margin: 0; } #sidebar { width: 150px; background: #ECF5E4; border-right: 1px solid #231F20; top: 82px; /* Расстояние от верхнего края */ bottom: 0; /* Расстояние снизу */ } #content { top: 82px; /* Расстояние от верхнего края */ left: 170px; /* Расстояние от левого края */ bottom: 0; right: 0; } Плов народов мира

Плов по-фергански

Плов узбекский

Плов сибирский

Плов итальянский

Плов эстонский

Плов по-американски

Плов по-индейски

Плов по-фергански

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

Засыпать ровным слоем рис, усилить огонь и тотчас налить воду, чтобы она накрыла рис на 1–1,5 см. Как только вода выпарится, плов при помощи шумовки собрать к середине горкой, проколоть палочкой в нескольких местах так, чтобы вода, находящаяся на поверхности, прошла на дно. Затем накрыть плов и дать ему упреть 20–25 мин.

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

Результат данного примера показан на рис. 3.43. Слой header выводится в потоке как обычно, а для слоёв sidebar и content установлено абсолютное позиционирование.

Рис. 3.43. Применение абсолютного позиционирования

В браузере IE6 для абсолютно позиционированных элементов нельзя одновременно задать свойства left , right и top , bottom .

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

Для начала создадим пустой слой с идентификатором floatTip и определим его стиль. Обязательными должны быть три стилевых свойства - position со значением absolute , display со значением none скрывает слой и width задаёт ширину слоя с подсказкой. Остальные свойства используются по желанию разработчика и предназначены для изменения оформления слоя (пример 3.32).

Пример 3.32. Стиль для всплывающей подсказки

#floatTip { position: absolute; /* Абсолютное позиционирование */ width: 250px; /* Ширина блока */ display: none; /* Прячем от показа */ border: 1px solid #000; /* Параметры рамки */ padding: 5px; /* Поля вокруг текста */ font-family: sans-serif; /* Рубленый шрифт */ font-size: 9pt; /* Размер шрифта */ color: #333; /* Цвет текста */ background: #ECF5E4; /* Цвет фона */ }

Сам скрипт состоит из двух функций - moveTip() отслеживает движение мыши и в соответствии с координатами курсора меняет положение слоя, и toolTip() управляет видимостью слоя и выводит в нём желаемый текст (пример 3.33).

Пример 3.33. Скрипт для вывода слоя

Document.onmousemove = moveTip; function moveTip(e) { floatTipStyle = document.getElementById("floatTip").style; w = 250; // Ширина слоя // Для браузера IE if (document.all) { x = event.x + document.body.scrollLeft; y = event.y + document.body.scrollTop; // Для остальных браузеров } else { x = e.pageX; // Координата X курсора y = e.pageY; // Координата Y курсора } // Показывать слой справа от курсора if ((x + w + 10) < document.body.clientWidth) { floatTipStyle.left = x + "px"; // Показывать слой слева от курсора } else { floatTipStyle.left = x - w + "px"; } // Положение от верхнего края окна браузера floatTipStyle.top = y + 20 + "px"; } function toolTip(msg) { floatTipStyle = document.getElementById("floatTip").style; if (msg) { // Выводим текст подсказки document.getElementById("floatTip").innerHTML = msg; floatTipStyle.display = "block"; // Показываем слой } else { floatTipStyle.display = "none"; // Прячем слой } }

Для удобства и универсальности скрипт следует вынести в отдельный файл и подключать его через атрибут src тега . Окончательный код показан в примере 3.34.

Пример 3.34. Создание всплывающей подсказки

Всплывающая подсказка #floatTip { position: absolute; width: 250px; display: none; border: 1px solid #000; padding: 5px; font-family: sans-serif; font-size: 9pt; color: #333; background: #ECF5E4; opacity: 0.85; /* Прозрачность слоя */ }

" + "Объектив: Canon EF 24-105 f/4L IS USM
" + "Вспышка: Canon Speedlite 580 EX
" + "Выдержка: 1/125
Диафрагма: 5.6")" onmouseout="toolTip()" />

Результат данного примера показан на рис. 3.44. Обратите внимание, что переносы текста при вызове функции toolTip() сделаны для удобства восприятия и имеют синтаксис JavaScript. В Safari скрипт иногда не работает при переносе текста, в этом случае текст следует записать в одну строку. К стилям добавлено свойство CSS3 opacity , которое добавляет для слоя небольшую прозрачность. В IE до версии 9.0 это свойство не поддерживается.

Рис. 3.44. Всплывающая подсказка, выводимая с помощью JavaScript

Фиксированное положение

Фиксированное положение слоя задаётся значением fixed свойства position и по своему действию похоже на абсолютное позиционирование. Но в отличие от него привязывается к указанной свойствами left , top , right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы. Ещё одна разница от absolute заключается в том, что при выходе фиксированного слоя за пределы видимой области справа или снизу от неё, не возникает полос прокрутки.

Применяется такой тип позиционирования для создания меню, вкладок, заголовков, в общем, любых элементов, которые должны быть закреплены на странице и всегда видны посетителю. В примере 3.35 показано добавление подвала, который остаётся на одном месте независимо от объёма информации на сайте.

Пример 3.35. Фиксированный подвал

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Фиксированный подвал BODY { margin-bottom: 50px; } #footer { position: fixed; /* Фиксированное положение */ left: 0; bottom: 0; /* Левый нижний угол */ padding: 10px; /* Поля вокруг текста */ background: #39b54a; /* Цвет фона */ color: #fff; /* Цвет текста */ width: 100%; /* Ширина слоя */ } Все перечисленные на сайте методы ловли льва являются теоретическими и базируются на вычислительных методах. Автор не гарантируют вашей безопасности при их использовании и снимает с себя всякую ответственность за результат. Помните, лев это хищник и опасное животное! Влад Мержевич

Результат примера показан на рис. 3.45. Поскольку фиксированный подвал накладывается на текст и скрывает его, добавлен отступ снизу для селектора BODY . Браузер IE6 не поддерживает значение fixed , поэтому в нём данный пример будет работать некорректно.

Рис. 3.45. Подвал внизу страницы

Относительное позиционирование

Если задать значение relative свойства position , то положение элемента устанавливается относительно его исходного места. Добавление свойств left , top , right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. Положительное значение left определяет сдвиг вправо от левой границы элемента, отрицательное - сдвиг влево. Положительное значение top задаёт сдвиг элемента вниз (рис. 3.46), отрицательное - сдвиг вверх.

Рис. 3.46. Значения свойств left и top при относительном позиционировании

Свойства bottom и right производят обратный эффект. При положительном значении right сдвигает элемент влево от его правого края, при отрицательном - сдвигает вправо (рис. 3.47). При положительном значении bottom элемент поднимается вверх, при отрицательном опускается вниз.

Рис. 3.47. Значения свойств right и bottom при относительном позиционировании

Для относительного позиционирования характерны следующие особенности.

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

В примере 3.36 показан сдвиг текста заголовка вниз для придания ему особого стиля написания.

Пример 3.36. Заголовок текста

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Заголовок H1 { font: bold 2em Arial, Tahome, sans-serif; /* Параметры шрифта */ color: #fff; background: #375D4C; padding: 0 10px; } H1 SPAN { position: relative; /* Относительное позиционирование */ top: 0.3em; /* Сдвигаем вниз */ } Аз и буки шрифтовой науки

Шрифт это средство выражения дизайна, а не какого-то банального чтения.

Результат данного примера показан на рис. 3.48.

Рис. 3.48. Сдвиг текста относительно исходного положения

Вложенные слои

Обычно относительное позиционирование само по себе применяется не часто, поскольку есть ряд свойств выполняющих фактически ту же роль, к примеру, тот же margin . Но сочетание разных типов позиционирования для вложенных слоёв является одним из удобных и практичных приёмов вёрстки. Если для родительского элемента задать relative , а для дочернего absolute , то произойдёт смена системы координат и положение дочернего элемента при этом указывается относительно его родителя (рис. 3.49).

Рис. 3.49. Значения свойств left, right, top и bottom во вложенных слоях

Отсчёт координат ведётся от внутреннего края границы, значения полей не учитываются. В следующем примере текст располагается в правом нижнем углу слоя возле границы, игнорируя свойство padding .

Текст