Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Вёрстка слоёв 
:(
    Опции темы
supercelt
Дата 6.2.2013, 15:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 658
Регистрация: 25.8.2005

Репутация: нет
Всего: 1



Код

<!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 должны должны отталкиваться от родительского слоя. Спасибо
PM   Вверх
ksnk
Дата 6.2.2013, 16:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



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


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
supercelt
Дата 6.2.2013, 16:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 658
Регистрация: 25.8.2005

Репутация: нет
Всего: 1



Мучас грасиас)
PM   Вверх
beaufort
Дата 14.2.2013, 00:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 14.2.2013

Репутация: нет
Всего: нет



Слои представляют собой структурные элементы, которые можно размещать на веб-странице путем наложения их друг на друга с точностью до пикселя. Скрипты позволяют изменять параметры слоя динамически. Это дает возможность создавать на странице разные эффекты, такие как выпадающие меню, игры, разворачивающиеся баннеры, плавающие окна и прочее. До недавнего времени в качестве основных инструментов верстки выступали фреймы и таблицы. Фреймы, ввиду их некоторых проблем[1], уходят в прошлое: например, стандарт HTML 5 более не включает в себя поддержку фреймов.[2]
Таблицы широко применяются в самых разных случаях: с их помощью делают рамки, задают модульные сетки, создают цветной фон, выравнивают элементы и т. п.
Более современные версии браузеров стали строже придерживаться стандартов и содержать средства по работе со слоями.
PM MAIL WWW   Вверх
Arantir
Дата 14.2.2013, 00:48 (ссылка) |    (голосов:2) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 5
Всего: 55



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


--------------------
interface Жопа {
    // ATTENTION: has to be implemented by every class of the project for proper project work
}
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0623 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.