17. Размещение текстовых блоков в документе


Например, вам нужно разместить эпиграф в документе. Конечно, это можно сделать с помощью стандартных средств HTML (например таблицу сделать), но более рационально это можно сделать с помощью свойства position. Приведем пример документа с эпиграфом.

<div style="position: absolute; right: 1%; left: 60%; top: 150px; width: auto; height: auto; background: ffffff">
Три кольца премудрым эльфам - для добра их гордого,
Семь колец пещерным гномам - для труда их горного,
Девять - людям Средиземья - для служенья черного
И бесстрашия в сраженьях смертоносно твердого,
А Одно - всесильное - Властелину Мордора,
Чтоб разъединить их всех, чтоб лишить их воли
И объединить их всех в их земной юдоли
Под владычеством всесильным Властелина Мордора.
</div>

Вот так это можно осуществить, с помощью обычного блока со свойством position. Это пример полезного использования этого свойства. А вообще вы можете сами сообразить, где еще можно успешно применять position. Но не забывайте о разнице между relative и absolute.











.: CONTENTS :.

Гостевая книга

Учебник по CSS. Справочник. Для чайников.

(назад) - Свойство position

(вперед) - Вырезание области (CLIP)






  Яндекс.Метрика
Hosted by uCoz