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



 

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

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

Открыть тему
Тема закрыта
> Как сделать плавающее окно на сайте?
biffick
biffick
Topic Starter сообщение 19.8.2013, 2:22; Ответить: biffick
Сообщение #1


Нужно сделать плавающее окно на сайте,прикреплённое к правому углу. В данный момент стоит некий "скрипт". Но при некоторых разрешениях экрана-это плавающее окно не прикреплено к краю экрана,а висит рядом с ним... как быть?? :sarcastic:
Заранее спасибо ребят!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
biffick
biffick
Topic Starter сообщение 20.8.2013, 4:42; Ответить: biffick
Сообщение #2


Спасибо, что помогли мне ребят) Прям очень доволен.

Так никто на форуме не знает как сделать ср*ное плавающее окошечко?:zloy:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
biffick
biffick
Topic Starter сообщение 24.8.2013, 21:48; Ответить: biffick
Сообщение #3


Дааа..... профессионалов тут куча, как я вижу...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
сообщение 24.8.2013, 22:03; Ответить: RayOfLight
Сообщение #4


Все профессионалы заняты :-)
Окошко, прилипшее к правому верхнему углу, можно сверстать, например, так: http://jsfiddle.net/6jHKH/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
biffick
biffick
Topic Starter сообщение 27.8.2013, 0:48; Ответить: biffick
Сообщение #5


RayOfLight,мне нужно чтобы прилипло окно по центру экрана справа.Около скролла. У меня же всё получилось! НО! Оно не на всех разрешениях экрана прилипает к краю))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
сообщение 27.8.2013, 11:24; Ответить: RayOfLight
Сообщение #6


Как говорил многоуважаемый Линус: «Разговоры - дешёвка. Покажите мне код.»
Так что код в студию.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
biffick
biffick
Topic Starter сообщение 27.8.2013, 14:53; Ответить: biffick
Сообщение #7


RayOfLight,ноу проблем.

<style type="text/css">
#fixed {
display: table;
height: 100%;
width: 100%;
z-index: 20;
position: fixed;
top: 0%;
left: 88%;}

.fixed {
vertical-align: middle;
display: table-cell;
text-align: left;
}
</style>

<div id="fixed">
<div class="fixed">
<img src="/out/gallery/telefon.png">
</div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
сообщение 27.8.2013, 15:10; Ответить: RayOfLight
Сообщение #8


biffick, обрати внимание вот на это:
left: 88%;
Это значит, что отступ слева будет 88% от ширины экрана. Это значит, что ширина твоей картинки должна составлять оставшиеся 12% ширины, чтобы быть прижатой к правому краю. А у картинки ширина фиксированная, поэтому она где-то не достаёт, а где-то даже за пределы экрана вылезает.

Чтобы нормально пристыковать картинку к правому краю, нужно
left: 88%;
заменить на
right: 0;

UPD: Как-то у тебя всё замороченно сделано. Выровнять твою картинку вертикально по центру можно проще, если ты знаешь её ширину: http://jsfiddle.net/u7p56/
Рекомендую почитать про абсолютное позиционирование и отступы в CSS.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
biffick
biffick
Topic Starter сообщение 28.8.2013, 2:51; Ответить: biffick
Сообщение #9


RayOfLight,при замене Left на right - нельзя ничего делать на сайте.
Получается,что как бы эта картинка плавающая перекрывает невидимым фоном всё остальное на сайте. Не ссылки нельзя нажать, не текст выделить...
P.S. Z-index не поможет, ибо через конструктор делаю сайт. Там этот z-index вообще не работает))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
biffick
biffick
Topic Starter сообщение 28.8.2013, 2:54; Ответить: biffick
Сообщение #10


RayOfLight,в общем, воспользовался я твоим тем кодом. Вот с ним всё окейно. И прижало картинку к правому краю и она не перекрывает ничего! Спасибо. Настоящий мужик:goodpost:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Сделать дорвей
2 tok24ua 895 Сегодня, 5:21
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1116 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2275 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3910 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3635 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 28.3.2024, 12:23
Дизайн