Выручайте, нужна консультация по CSS

sergbond · 24.11.2008, 18:42

Есть три таблицы одинаковой ширины и разной высоты, находятся друг под другом на разном расстоянии.

На одну из таблиц сверху нужно положить изображение (пусть 50*50), но так, чтобы верхний левый угол был на 1 пиксел выше и на один пиксел левее верхнего левого угла таблицы.

Нутром чую что там должны быть z-index и position:absolute, но доказать не могу

Таблицы должны оставаться на своих местах.

lay · 24.11.2008, 18:49

Не не не, это надо не absolute, а position:relative, абсолют можно внутренему блоку назначить (с отступами =0), чтобы сдвига под внешний блок не было.

pajed · 24.11.2008, 18:52

Попробуйте сделать у рисунка position:absolute;, поместить его внутри таблицы и так же в нем left:-1px; top:-1px; (или margin:-1px 0 0 -1px

Работает?

sergbond · 24.11.2008, 18:52

туплю

несложно всю конструкцию озвучить?

lay · 24.11.2008, 18:58

Ну вот так
Эту конструукцию либо перед либо после таблицы (от места будут зависить сдвиги)

<div style="position: relative; bottom:1px; right:1px;">
<div style="position:absolute; left:0; right;0;">
<img>
</div>
</div>

Должна получиться картинка со сдвигом относительно блока (таблицы) в котором она расположена

sergbond · 24.11.2008, 19:12

Цитата:

Сообщение от lay

Должна получиться картинка со сдвигом относительно блока (таблицы) в котором она расположена

Спасибо

24.11.2008, 18:42	#1
sergbond Эксперт Регистрация: 12.03.2008 Адрес: будете смеяться, но я-таки нерезидент Сообщений: 2,663 Вес репутации: 296	Выручайте, нужна консультация по CSS Есть три таблицы одинаковой ширины и разной высоты, находятся друг под другом на разном расстоянии. На одну из таблиц сверху нужно положить изображение (пусть 50*50), но так, чтобы верхний левый угол был на 1 пиксел выше и на один пиксел левее верхнего левого угла таблицы. Нутром чую что там должны быть z-index и position:absolute, но доказать не могу Таблицы должны оставаться на своих местах. __________________ Подыскиваю умных реферралов.

24.11.2008, 18:52	#4
sergbond Эксперт Регистрация: 12.03.2008 Адрес: будете смеяться, но я-таки нерезидент Сообщений: 2,663 Вес репутации: 296	туплю несложно всю конструкцию озвучить? __________________ Подыскиваю умных реферралов.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Нужна консультация по движку DLE	Santehnik	Разработка и сопровождение сайтов	27	24.10.2008 02:48
Нужна консультация.	ШеЛеСт	Вопросы от новичков	4	15.09.2008 17:06
выручайте, я совсем запутался	ncx	Вопросы по работе системы	3	10.04.2008 19:04
Нужна консультация	mww	Курилка	3	30.03.2008 22:53
Нужна консультация специалиста из sape!	balkan	Вопросы по работе системы	19	25.06.2007 18:24

24.11.2008, 18:49	#2
lay Мастер Регистрация: 11.08.2007 Сообщений: 705 Вес репутации: 233	Не не не, это надо не absolute, а position:relative, абсолют можно внутренему блоку назначить (с отступами =0), чтобы сдвига под внешний блок не было.

24.11.2008, 18:52	#3
pajed Новичок Регистрация: 13.08.2008 Сообщений: 34 Вес репутации: 192	Попробуйте сделать у рисунка position:absolute;, поместить его внутри таблицы и так же в нем left:-1px; top:-1px; (или margin:-1px 0 0 -1px Работает?

24.11.2008, 18:58	#5
lay Мастер Регистрация: 11.08.2007 Сообщений: 705 Вес репутации: 233	Ну вот так Эту конструукцию либо перед либо после таблицы (от места будут зависить сдвиги) <div style="position: relative; bottom:1px; right:1px;"> <div style="position:absolute; left:0; right;0;"> <img> </div> </div> Должна получиться картинка со сдвигом относительно блока (таблицы) в котором она расположена