пересечение блоков - SEO форум MaulTalk.com

Сообщение сайта

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

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

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

SEO форум MaulTalk.com > Веб-строительство > Программная часть

пересечение блоков

Опции

Ольга_hb

Topic Starter сообщение

30.6.2010, 14:14; Ответить: Ольга_hb

Сообщение #1

Группа: User
Сообщений: 209
Регистрация: 2.12.2007
Поблагодарили: 0 раз
Репутация:

НАконец-то решила освоить верстку слоями. И сразу же столкнулась с такой проблемой. У меня есть картинка potolok она отображается нормально. Следующим дивом идет logo. Он должен частично находиться над potolok, а другой частью спускаться ниже.

а вот кусок css

/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 1000px;
height: 171px;
}

div.art-Header-potolok
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 1000px;
height: 171px;
background-image: url('images/potolok.png');
background-repeat: no-repeat;
background-position: top left = left top = 0% 0%;
border: 1px solid red;
}

div.art-Header-logo
{
position: absolute;
z-index:2;
top: 250;
left: 250;
width: 310px;
height: 153px;
background-image: url('images/logo.png');
background-repeat: no-repeat;
border: 1px solid blue;

}

/* end Header */

я вроде и позиции указала, где ошибка, как разместить наслоением?
Да, под всем этим счастьем еще одна картинка. logo со смещением за ее пределы не выходит, если это имеет значение.

Ответить с цитированием данного сообщения

ottaviano ottaviano 30.6.2010, 14:20; Сообщений: 1416 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	30.6.2010, 14:20; Ответить: ottaviano Сообщение #2
0 Группа: User Сообщений: 1416 Регистрация: 25.4.2010 Поблагодарили: 0 раз Репутация: 0	(Ольга_hb @ 30.6.2010, 17:14) Он должен частично находиться над potolok, а другой частью спускаться ниже. а можно четче объяснить что вам нужно? а если приложите скрин, буду просто счастлив :)

Ольга_hb Topic Starter Ольга_hbTopic Starter 30.6.2010, 14:40; Сообщений: 209 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 30.6.2010, 14:40; Ответить: Ольга_hb Сообщение #3
0 Группа: User Сообщений: 209 Регистрация: 2.12.2007 Поблагодарили: 0 раз Репутация: 0	Сейчас так(дивы каждый со своей рамкой)[attachment=36598:1.jpg] а должно быть так[attachment=36599:2.jpg]

ottaviano ottaviano 30.6.2010, 14:45; Сообщений: 1416 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	30.6.2010, 14:45; Ответить: ottaviano Сообщение #4
0 Группа: User Сообщений: 1416 Регистрация: 25.4.2010 Поблагодарили: 0 раз Репутация: 0	Ольга, примерные координаты для блока div.art-Header-logo top:100px; left: 120px; Вы просто забыли поставить "px" в отступах сверху и слева

Ольга_hb

Topic Starter сообщение

30.6.2010, 17:28; Ответить: Ольга_hb

Сообщение #5

Группа: User
Сообщений: 209
Регистрация: 2.12.2007
Поблагодарили: 0 раз
Репутация:

Спасибо большое!
Получилось!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ	0	Dark_process	1014	7.11.2022, 13:48 автор: Dark_process
Нужен дизайнер для прорисовки блоков на сайте	3	kolyas	1599	12.5.2020, 21:24 автор: kolyas
Правила обертывание блоков	1	sergei_burg	5591	17.10.2016, 19:34 автор: -Degradator-
Растягивание блоков ,оцентровка	2	DONit09	6068	16.5.2016, 17:57 автор: -DONit09-
Как при блочной вёрстке в один из блоков вставить таблицу по центру	1	benefit	10483	4.4.2013, 23:02 автор: -almac-

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 24.4.2024, 11:53

Дизайн