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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрый и качественный обмен на сайте Baksman.org
Обмен Bitcoin, BTC-e, PM, Qiwi, Yandex money, Карты банк
52 Baksman 33537 Сегодня, 5:02
автор: Baksman
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
11 Boymaster 1766 Вчера, 23:35
автор: Boymaster
Открытая тема (нет новых ответов) Боты могут делать пушподписки на моём сайте?
0 Megaspryt 353 Вчера, 23:29
автор: Megaspryt
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4789 Вчера, 1:19
автор: sergio11
Горячая тема (нет новых ответов) CryptoCloud — прием USDT, BTC, ETH, LTC на любом сайте
36 CryptoCLoud 10631 16.4.2024, 16:02
автор: CryptoCLoud


 



RSS Текстовая версия Сейчас: 18.4.2024, 18:08
Дизайн