Изображения на изображении :) - JavaScript, Ajax

nikleb · 23.11.2007, 10:09

Как на поверх картинки поставить картинки?

SkyM@n · 23.11.2007, 11:05

Создается два слоя с помощью таблицы стилей, и с ее же помощью делаем абсолютное позиционирование картинок:

Код HTML:

<img src="vasya.jpg" alt="" style="position:absolute;width:10px;height:10px;z-index:5" />
<img src="pupkin.jpg" alt="" style="position:absolute;width:10px;height:10px;z-index:6" />

nikleb · 23.11.2007, 16:51

Код HTML:

<img src="image.jpg" alt="" style="position:absolute;width:50px;height:50px;z-index:5" />
<img src="image2.jpg" alt="" style="position:absolute;width:20px;height:30px;z-index:6" />

Зделал так, а как image2.jpg сместить например на 5px на право и 10px вниз.

nikleb · 23.11.2007, 17:18

А всё нашол

. Спасибо

SkyM@n · 23.11.2007, 17:24

Код HTML:

<img src="image.jpg" alt="" style="position:absolute;width:50px;height:50px;top:10px;left:20px;z-index:5" /> 
<img src="image2.jpg" alt="" style="position:absolute;width:20px;height:30px;top:20px;left:25px;z-index:6" />

kreg-heg · 24.11.2007, 01:22

еще чтобы при этом соптимизировать под все браузеры в теле <body>
пропишите следующее <body style="margin:0; padding:0;"> , т.к. абсолютное позиционирование дело капризное

SkyM@n · 24.11.2007, 01:34

Цитата:

Сообщение от kreg-heg

еще чтобы при этом соптимизировать под все браузеры в теле <body>
пропишите следующее <body style="margin:0; padding:0;"> , т.к. абсолютное позиционирование дело капризное

Абсолютное позиционирование - вполне нормальное верное дело, отступы тут не при чем. Не советуйте того, чего не знаете. Знаете ли, Джаваскрипт разрабатывали серьезные и хорошие люди.

23.11.2007, 10:09	#1
nikleb Форумчанин Регистрация: 04.04.2007 Сообщений: 131	Изображения на изображении :) Как на поверх картинки поставить картинки?

23.11.2007, 11:05	#2
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Создается два слоя с помощью таблицы стилей, и с ее же помощью делаем абсолютное позиционирование картинок: Код HTML: <img src="vasya.jpg" alt="" style="position:absolute;width:10px;height:10px;z-index:5" /> <img src="pupkin.jpg" alt="" style="position:absolute;width:10px;height:10px;z-index:6" />

23.11.2007, 16:51	#3
nikleb Форумчанин Регистрация: 04.04.2007 Сообщений: 131	:) Код HTML: <img src="image.jpg" alt="" style="position:absolute;width:50px;height:50px;z-index:5" /> <img src="image2.jpg" alt="" style="position:absolute;width:20px;height:30px;z-index:6" /> Зделал так, а как image2.jpg сместить например на 5px на право и 10px вниз.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Чтение изображения из базы данных, Вместо изображения - "System.Byte[]"	ruelCrow	Общие вопросы .NET	3	10.07.2008 23:29
Распознание цифр на изображении	slashy	Помощь студентам	4	29.04.2008 16:14
UCOZ: Кнопки кнопки на изображении	ReDuX	HTML и CSS	19	25.04.2008 02:39
Изображения в БД	alikon1	БД в Delphi	3	08.10.2007 13:13

23.11.2007, 17:18	#4
nikleb Форумчанин Регистрация: 04.04.2007 Сообщений: 131	А всё нашол . Спасибо

24.11.2007, 01:22	#6
kreg-heg Регистрация: 24.11.2007 Сообщений: 5	еще чтобы при этом соптимизировать под все браузеры в теле <body> пропишите следующее <body style="margin:0; padding:0;"> , т.к. абсолютное позиционирование дело капризное