X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Размещение слоев с точностью до ...
Semenovich
Semenovich
Topic Starter сообщение 25.8.2010, 0:15; Ответить: Semenovich
Сообщение #1


В дримвивере когда визуально накладываешь слои, то они почему-то в браузерах просматриваются сползшие или влево или вправо. Какие существуют атрибуты для тегов, с помощью которых можно задать точное расположение слоя на странице?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 25.8.2010, 0:19; Ответить: Zippovich
Сообщение #2


Дримвивер нельзя принимать за основу ибо там все криво.

Обычно применяется css:

position: absolute; /* абсолютное позиционирование элемента */
top: xxxpx; /* отступ от верхнего края родительского релятивного элемента или body */
left: xxxpx; /* отступ от левого края родительского релятивного элемента или body */
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 25.8.2010, 8:58; Ответить: Arks
Сообщение #3


Элементы(их координаты) выводятся в браузер css-потоками, внутри каждого потока учитываются css-отступы всех дочерних элементов(body это основной родительский контейнер, контейнер по-умолчанию).

1.
Сущестствуют отступы:
margin: верх право низ лево;
margin-top: ...;
margin-right:
margin-bottom:
margin-left

Сдвигает положение контейнера, влияет на все элементы которые в данном потоке выводятся за данным контейнером

padding: верх право низ лево;

Создает внутри контейнера пустую рамку-область(или часть рамки например padding-top) заданной ширины

2. Позиционирование: absolute, relative, fixed
absolute - дополнительный поток элементов
relative - общий поток
fixed - поток привязанный к окну браузера

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

Пример:
position: absolute;
top:100px;
left: 200px;

Позиционирование в отличие от отступов влияет только на текущий контейнер.

3. Для правильной работы с отступами и позиционированием часто необходимо также задавать ширину и высоту контейнера

4. Плавающие дочерние потоки(float:right; float:left;)
Позволяют контейнеру пристыковываться к правому или левому краю родительского контейнера.
свойства clear:left; clear:right; clear:both; закрывают последний плавающий дочерний поток. Любые float-элементы которые идут после соответствующего clear-элемента создаются в новом плавающем потоке.

Чтобы освоить работу этих css-свойств и их взаимодействие необходимо много практики.

Для многих элементов(например body) существуют значения отступов по-умолчанию не равные 0
Чтобы обнулить их перед дальнейшим использованием используется так называемый css reset, существует много его разновидностей

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Пакетное размещение статей по разным тематикам. Скидки!
35 kasey7 10651 26.3.2024, 15:47
автор: kasey7
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыРучное размещение вечных ссылок и статей на хороших площадках
Опыт 10 лет!
419 leonidukg 273844 12.3.2024, 15:17
автор: leonidukg
Горячая тема (нет новых ответов) Статейные ссылки. Ручное размещение. Средний тИЦ - 500+
113 creatos 47685 11.3.2024, 18:21
автор: xVOVAx
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыРучное размещение объявлений и компаний по популярным доскам и каталогам организаций России, Украины, Беларуси и Казахстана
37 freeax 27826 6.3.2024, 20:57
автор: freeax
Открытая тема (нет новых ответов) Размещение 3500+ анкорных ссылок в статьях-заметках
2 seostock 1205 14.1.2024, 1:20
автор: Zuzj


 



RSS Текстовая версия Сейчас: 29.3.2024, 13:26
Дизайн