позиционирование картинки

@igor3310 · Регистрация: 16.02.2011

Author24 — интернет-сервис помощи студентам

Здравствуйте!
Скажите пожалуйста как позиционировать "снежинку" как на картинке так чтоб она во всех размерах мониторов была на том же месте контейнера

https://www.cyberforum.ru/atta... 1328022885

@necro · 31.01.2012, 19:19

Тут ещё вопрос зависит всегда ли она будет видна, если разрешение маленькое, она будет уходить за края? или эта половина вместе с воном должна быть видна?

@igor3310 · 31.01.2012, 19:21 **[ТС]**

вот эта снежинка залазить слева в контейнер на половину или хоть както

https://www.cyberforum.ru/atta... 1328023265

@semanser · 31.01.2012, 19:23

Используйте CSS для решения данных задач. Там можно указывать позиционирование в % относительно браузера или екрана.

@necro · 31.01.2012, 19:23

я понял куда она залазит, я спрашиваю будет ли видна вторая половина, которая за пределами контента, если разрешение будет маленьким? или он уедет вместе с фоном за пределы браузера?

@igor3310 · 31.01.2012, 19:25 **[ТС]**

а как надо - создать Див в не контейнера и как прописать в стилях?

Добавлено через 1 минуту

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

я понял куда она залазит, я спрашиваю будет ли видна вторая половина, которая за пределами контента, если разрешение будет маленьким? или он уедет вместе с фоном за пределы браузера?

если маленький то половина видна

@semanser · 31.01.2012, 19:25

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

а как надо - создать Див в не контейнера и как прописать в стилях?

Создайте div, в него поместите изображение, и специально для изображения прописывайте свойства.

CSS

img {
...
...
}

Если призабыли как это делать - рекомендую ресурс Попова:
http://ruseller.com/shporacss.php

@necro · 31.01.2012, 19:45

semanser, сами то по ссылке переходили?
По сабжу так и не услышал внятного услови, в-общем если нужно что-бы оставалась вторая половина, то я бы просто задал бы

CSS

1
2
3

position:relative;
top:1px;
left:1px;

Если нужно что бы видно не было, то тут я бы засунул в контент ещё один блок с отрицательными margin и в него бы поместил все содержимое.
Но я так и не понял условия.

@igor3310 · 31.01.2012, 20:30 **[ТС]**

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

Если нужно что бы видно не было, то тут я бы засунул в контент ещё один блок с отрицательными margin и в него бы поместил все содержимое.
Но я так и не понял условия.

так делал но в ИЕ оно непашет

@Kantaria · 31.01.2012, 20:42

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

Здравствуйте!
Скажите пожалуйста как позиционировать "снежинку" как на картинке так чтоб она во всех размерах мониторов была на том же месте контейнера

https://www.cyberforum.ru/atta... 1328022885

раздели картинку на 2 части, сделай 1 ин

HTML5

div

и дай ему значение

CSS

1	float:left;

и далее настрой его там где тебе нужно скриптом

CSS

1	postion:relative; top:100px;

а вторую картинку, закинь за обший див и таким же образом сделай только немного измени скрипт не

CSS

1	float:left а float:right

если не получится пиши.

@igor3310 · 31.01.2012, 20:44 **[ТС]**

float:left уходит вообще влево экрана

@Kantaria · 31.01.2012, 20:48

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

float:left уходит вообще влево экрана

блин мозги уже не работают, ну так напиши

CSS

1	float:rigth

и все заработает.

@igor3310 · 31.01.2012, 20:58 **[ТС]**

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

блин мозги уже не работают, ну так напиши

CSS

1	float:rigth

и все заработает.

тоже к сожалению негодится оно идет вправо а надо еще и чтоб лепилось к боку контейнера

@Kantaria · 31.01.2012, 21:00

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

тоже к сожалению негодится оно идет вправо а надо еще и чтоб лепилось к боку контейнера

CSS

1	margin:0 auto;

если не выйдет, то скринь плиз скрипт весь, я четко сделаю и дам, а то не видя скрипт немного сложно говорить.

@igor3310 · 31.01.2012, 21:21 **[ТС]**

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

CSS

1	margin:0 auto;

если не выйдет, то скринь плиз скрипт весь, я четко сделаю и дам, а то не видя скрипт немного сложно говорить.

неполучается и все

@Kantaria · 31.01.2012, 21:21

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

неполучается и все

нечего постораюсь помочь, скинь скрипт.

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
		1
	позиционирование картинки 31.01.2012, 19:16. Показов 2776. Ответов 15 Метки нет (Все метки) Здравствуйте! Скажите пожалуйста как позиционировать "снежинку" как на картинке так чтоб она во всех размерах мониторов была на том же месте контейнера https://www.cyberforum.ru/atta... 1328022885 Миниатюры 0

@necro 36 / 36 / 3 Регистрация: 26.09.2009 Сообщений: 298
	31.01.2012, 19:19	2
	Тут ещё вопрос зависит всегда ли она будет видна, если разрешение маленькое, она будет уходить за края? или эта половина вместе с воном должна быть видна? 0

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	31.01.2012, 19:21 [ТС]	3
	вот эта снежинка залазить слева в контейнер на половину или хоть както https://www.cyberforum.ru/atta... 1328023265 Изображения 0

@semanser 11 / 11 / 1 Регистрация: 31.01.2012 Сообщений: 111
	31.01.2012, 19:23	4
	Используйте CSS для решения данных задач. Там можно указывать позиционирование в % относительно браузера или екрана. 0

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	31.01.2012, 19:25 [ТС]	6
	а как надо - создать Див в не контейнера и как прописать в стилях? Добавлено через 1 минуту Сообщение от necro я понял куда она залазит, я спрашиваю будет ли видна вторая половина, которая за пределами контента, если разрешение будет маленьким? или он уедет вместе с фоном за пределы браузера? если маленький то половина видна 0

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	31.01.2012, 20:30 [ТС]	9
	Сообщение от necro Если нужно что бы видно не было, то тут я бы засунул в контент ещё один блок с отрицательными margin и в него бы поместил все содержимое. Но я так и не понял условия. так делал но в ИЕ оно непашет 0

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	31.01.2012, 20:44 [ТС]	11
	float:left уходит вообще влево экрана 0

@Kantaria html + css = камасутра 75 / 57 / 5 Регистрация: 31.01.2012 Сообщений: 536 Записей в блоге: 6
	31.01.2012, 21:21	16
	Сообщение от igor3310 неполучается и все нечего постораюсь помочь, скинь скрипт. 0