Самоучитель по HTML

Справочник HTML

Для позиционирования элементов применяется параметр POSITION. Его значения absolute и relative. При использовании значения absolute, броузер будет отображать ваш элемент относительно краёв контейнера, в котором он находится. При использовании значения relative броузер будет располагать ваш объект относительно его первоначального расположения.

         <HTML>
            <HEAD>
               <TITLE>Позиционирование элементов</TITLE>
               <STYLE>
                  .class1 {position: absolute; top: 50; left: 100;}
                  .class2 {position: absolute; top: 0; left: 0;}
                  .class3 {position: relative; top: -5; left: 90;}
               </STYLE>
            </HEAD>
            <BODY>
               <H1 class="class1">Позиционирование элементов.</H1>
               <DIV class="class2">Первый абзац.</DIV>
                           <DIV class="class3">Второй абзац.</DIV>                         
               </DIV>
            </BODY>
         </HTML>

class, position, div, CSS, absolute

Тег <DIV> отвечает за расположения элементов на web-страницы. С его помощью, в вышепредставленном примере, мы распозиционировали текст.

Предыдущая страница Следующая страница

Вы можете свободно использовать фрагменты сайта, с условием размещения ссылки на наш сайт:
<a href="http://tri222.narod.ru"><b>Самоучитель по созданию Web-страниц.</b></a>

Хостинг от uCoz

Самоучитель по HTML

Справочник HTML

Оглавление:

CSS

Позиционирование элементов Web-страницы