Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Вёрстка слоёв

Автор: supercelt 6.2.2013, 15:19

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#apDiv1 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 30px;
    top: 153px;
    background:#0C6;
}
#apDiv2 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 20px;
    top: 143px;
    background:#045;
}
</style>
</head>

<body>
<p>
<p>
<p>
<div style="width: 300px; height: 500px; border: #03C 1px solid; background: url(ExOfApplicationGeneralPhone.jpg);">
  <div id="apDiv1"></div>
<div id="apDiv2"></div>
</div>
</p>
</body>
</html>

Помогите пожалуйста. В данном коде слои которые внутри общего слоя позицирнируется относительно окна. А надо что бы относительно слоя в котором он находится. Причём этот родительский слой не должен быть плавающим. Короче свойства top, left внутренних слоёв 1,2 должны должны отталкиваться от родительского слоя. Спасибо

Автор: ksnk 6.2.2013, 16:03

поставить в стиле родительского слоя
position:relative;

Автор: supercelt 6.2.2013, 16:05

Мучас грасиас)

Автор: beaufort 14.2.2013, 00:31

Слои представляют собой структурные элементы, которые можно размещать на веб-странице путем наложения их друг на друга с точностью до пикселя. Скрипты позволяют изменять параметры слоя динамически. Это дает возможность создавать на странице разные эффекты, такие как выпадающие меню, игры, разворачивающиеся баннеры, плавающие окна и прочее. До недавнего времени в качестве основных инструментов верстки выступали фреймы и таблицы. Фреймы, ввиду их некоторых проблем[1], уходят в прошлое: например, стандарт HTML 5 более не включает в себя поддержку фреймов.[2]
Таблицы широко применяются в самых разных случаях: с их помощью делают рамки, задают модульные сетки, создают цветной фон, выравнивают элементы и т. п.
Более современные версии браузеров стали строже придерживаться стандартов и содержать средства по работе со слоями.

Автор: Arantir 14.2.2013, 00:48

beaufort, че это было?
Я просто разрываюсь при выборе темы для оффтопа между теми фактами, что регистрация == дата поста, пост - цитата с вики, ну и последнее - что это совершенно не касается проблемы, для которой создана эта тема.
Кто-то зарегистрировался, выбрал первую встречную тему, вбил ее в гугл и, не читая темы, процитировал текст с первой попавшейся в гугле ссылки. Абсолютно непостижимый поступок...