Помощник
|
Как сделать плавающее окно на сайте? |
biffick
|
Сообщение
#1
|
||
|
|
||
|
|||
biffick
|
Сообщение
#2
|
|
Спасибо, что помогли мне ребят) Прям очень доволен.
Так никто на форуме не знает как сделать ср*ное плавающее окошечко?:zloy: |
|
|
biffick
|
Сообщение
#3
|
|
Дааа..... профессионалов тут куча, как я вижу...
|
|
|
RayOfLight |
24.8.2013, 22:03;
Ответить: RayOfLight
Сообщение
#4
|
|
Все профессионалы заняты :-)
Окошко, прилипшее к правому верхнему углу, можно сверстать, например, так: http://jsfiddle.net/6jHKH/ |
|
|
biffick
|
Сообщение
#5
|
|
RayOfLight,мне нужно чтобы прилипло окно по центру экрана справа.Около скролла. У меня же всё получилось! НО! Оно не на всех разрешениях экрана прилипает к краю))
|
|
|
RayOfLight |
27.8.2013, 11:24;
Ответить: RayOfLight
Сообщение
#6
|
|
Как говорил многоуважаемый Линус: «Разговоры - дешёвка. Покажите мне код.»
Так что код в студию. |
|
|
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 |
27.8.2013, 15:10;
Ответить: RayOfLight
Сообщение
#8
|
|
biffick, обрати внимание вот на это:
left: 88%; Это значит, что отступ слева будет 88% от ширины экрана. Это значит, что ширина твоей картинки должна составлять оставшиеся 12% ширины, чтобы быть прижатой к правому краю. А у картинки ширина фиксированная, поэтому она где-то не достаёт, а где-то даже за пределы экрана вылезает.Чтобы нормально пристыковать картинку к правому краю, нужно left: 88%; заменить на right: 0; UPD: Как-то у тебя всё замороченно сделано. Выровнять твою картинку вертикально по центру можно проще, если ты знаешь её ширину: http://jsfiddle.net/u7p56/ Рекомендую почитать про абсолютное позиционирование и отступы в CSS. |
|
|
biffick
|
Сообщение
#9
|
|
RayOfLight,при замене Left на right - нельзя ничего делать на сайте.
Получается,что как бы эта картинка плавающая перекрывает невидимым фоном всё остальное на сайте. Не ссылки нельзя нажать, не текст выделить... P.S. Z-index не поможет, ибо через конструктор делаю сайт. Там этот z-index вообще не работает)) |
|
|
biffick
|
Сообщение
#10
|
|
|
RayOfLight,в общем, воспользовался я твоим тем кодом. Вот с ним всё окейно. И прижало картинку к правому краю и она не перекрывает ничего! Спасибо. Настоящий мужик:goodpost:
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Сделать дорвей | 2 | tok24ua | 897 | Сегодня, 5:21 автор: c4p1t4l15t |
|
Большие ставки для кликов в Я.Директ. Как удешевить? | 2 | rownong27 | 1116 | 26.3.2024, 14:13 автор: knezevolk |
|
Как вы бросили работу и перешли на заработок с сайтов? | 12 | uahomka | 2282 | 25.3.2024, 6:52 автор: Skyworker |
|
Как отозвать банковский платеж фрилансеру? | 28 | metvekot | 3910 | 25.3.2024, 6:34 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 23 | freeax | 3635 | 24.3.2024, 20:55 автор: Liudmila |
Текстовая версия | Сейчас: 28.3.2024, 15:39 |