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

Абсолютное и относительное позиционирование таблиц в HTML задаётся в параметре style="" внутри кавычек. С помощью позиционирования, можно расположить таблицу в любом месте на странице (как относительно самой страницы, так и относительно какого-либо объекта)

Это не так уж и сложно

Как я уже сказал, позицию таблицы мы задаём с помощью параметра style="".
Разберём, что это за параметр.

Параметр style="" содержит в себе всю информации об отображении содержания тэга. Этот параметр, может быть задан любому тэгу (за некоторыми исключениями. Не буду их все перечислять, но тэг <br /> (это тэг перехода на новую строку. Это как клавиша Enter при печатании текста) не может содержать в себе параметр стиля, т.к. этот тэг не имеет содержания (он просто переводит на новую строку)

Для того, чтобы задать параметр стиля для какого-либо тэга (пусть это будет тэг <table>) нужно сделать следующее:

<table style = "">

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

• position: - родительский параметр, который может иметь дочерние параметры (absolute;relative;). В идеале выглядит так:
  position:absolute; или position:relative;
  и отвечает за позиционирование таблицы на страничке(абсолютное (то есть отступ от края браузера) или относительное (то есть отступ от какого-либо объекта на страничке)


• left: - родительский параметр, который может иметь дочерний параметр в процентах (100%;) или пикселях (100px;). Параметр задаёт отступ объекта, расположенного слева


• top: - родительский параметр, который может иметь дочерний параметр в процентах (100%;) или пикселях (100px;). Параметр задаёт отступ объекта, расположенного сверху


• right: - родительский параметр, который может иметь дочерний параметр в процентах (100%;) или пикселях (100px;). Параметр задаёт отступ объекта, расположенного справа. Обычно не используется, так как в нём обыно нет нужды.



Примеры








<table style = "position:absolute;left:10px;top:10px"> ..... Таблица будет расположена в верхнем, левом углу браузера, с отступом в 10 пикселов сверху и слева









<table style = "position:relative;left:10px;top:10px;"> .... Таблица будет расположена за 10 пикселов сверху и слева от предыдущего объекта Например, Содержание 1 таблицы без задания параметров стилей. Содержание 2 таблицы с заданием параметров стилей position:relative;left:10px;top:10px;









Содержание 3 таблицы с заданием параметров стилей position:relative;left:50%;top:40px;








(c) by Накукрыскин

Special for html_tag