sergeyvolk
-
Posts
27 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by sergeyvolk
-
На самом деле всё просто. Полазил по исходному кода айфрейма и нашел что через src айфрейма можно передавать параметр flashWMode и задавать ему значение transparent, хотя на сайте плеера об этом ни слова, но все равно спасибо всем отписавшимся. 2 pashkje: да, вот, и правда. пишутся специальные плагины для перекрытия флеша div'ами, а знаток верстки pashkje все решает заданием свойства z-index. Браво!
-
Знаю что тема изъезженная до нельзя, но тут ситуация немного другая. На сайте есть flash и всплывающие окно. Flash это плеер с сайта http://megavisor.com/, который генерируется посредством вставки iframe на мою страницу, и уже в этом самом iframe и есть тот flash. Соответственно при открытии всплывающего окна флеш вылезает поверх этого самого окна. Разработчик не учел расширенные настройки своего плеера. К параметру wmode не подобраться. Есть идеи?
-
Спасибо всем. Помогли
-
Ну я вроде бы написал что надо именно 2 отображающихся слайда Да, именно так, как вы написали последнее. При перелистывании допустим влево картинка со зверьком уезжает, трава становится на место зверька а справа новый слайд
-
Все привет. Появилась небольшая проблема, а именно реализация слегка непохожего на других слайдера. То есть нахождение на экранне одновременно двух слайдов, занимаемые примерно половину выделенного им блока и соответственно прокрутка каждого слайда. Скриншот прикрепил. Может кто знает какие-нибудь библиотеки, позволяющие реализовать такой вид? Заранее благодарен P.S. Более подходящего раздела не нашел, так что извиняюсь если ошибся
-
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
Хорошо, допустим пашет, поставь любое разрешение монитора с шириной 1600 и выше - вылезает кусок скроллбара. -
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
Вот примерно то, что надо реализовать - ссылка. Только как тут сказали извращенный метод , скроллбар просто скрыли за дивом. Мне же надо с помощью js сделать примерно то, что по ссылке, то есть прокручивается до высоты фона, допустим это будет height:1080px, после фон прокручиваться останавливается, и прокручивается только контент. Ну уж больше я не знаю как объяснить, 3 раза уже писал в теме что мне надо. -
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
Ну так что, никто не поможет с помощью js реализовать такое? Готов за помощь символически перекинуть на wm 100 рублей. -
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
Softlink, спасибо тебе за помощь, но тоже не вариант, ибо надо кросс. Может кто поможет с JS? -
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
Только ещё одно но: мне нужна возможность прокрутки и горизонтально, но если поставить атрибут у body overflow-x:auto; то появляется вторая вертикальная полоса прокрутки. Приветствуется использование js -
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
Да, и правда, не заметил, но только один нюанс: что если пользователь будет прокручивать страницу не колесом мышки?) -
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
Ах да, конечно CSS: * {padding: 0;margin: 0;} body, html {background-image:url('../img/bg.jpg');background-repeat:no-repeat;width:1923px;color: #eee5de;height:1080px;} .main {position: relative;min-height: 100%;overflow:auto;} .content {margin: 50px 0 0 410px;position:absolute;} .post {background: gray;height:auto;font-size:24px;width:800px;padding:20px;margin: 20px 0 0 0;} HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <html> <head> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div class="main"> <div class="content"> <div class="post"><h1>Заголовок</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div> <div class="post"><h1>Заголовок</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div> <div class="post"><h1>Заголовок</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div> <div class="post"><h1>Заголовок</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div> <div class="post"><h1>Заголовок</h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div> </div> </div> </body> </html> -
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
Вот. Первая полоса прокручивает фон вместе с текстом ровно до границ картинки, после вторая полоса прокручивает только контент, не двигая фон -
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
Кстати, желаемый результат достигается если для класса который смещает контент присвоить атрибут overflow:auto, но тогда появляется две полосы прокрутки. -
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
По скриншоту ясно, что контент превышает размеры бекграунда и вылезает за границы картинки на белый фон. Что мне надо: контент прокручивается вместе с бекграундом ровно до высоты фоновой картинки, после чего у меня прокручивается только контент, не вылезая за белый фон, то есть как бы бекграунд становится фиксированным. Надеюсь теперь понятно -
фиксированный бекграунд при определенной высоте
sergeyvolk replied to sergeyvolk's question in HTML Coding
Не работает. Psywalker, я даже не знаю как это показать. Вроде описал все в первом посте -
Привет. Есть картинка на бекграунд размерами больше чем разрешение экрана, то есть у нас появляются полосы прокрутки по вертикали и горизонтали. Я добавляю текст чтобы он был больше чем высота картинки. Теперь вопрос. Как сделать прокрутку по горизонтали и прокрутку до высоты картинки, и после этого картинка становится фиксированной при вертикальной прокрутке, то есть в начале у нас прокручивается и фон и текст, а после того как дошли до конца фоновой картинки, то у нас прокручиввается только текст. Думаю объяснил внятно. Где-то похожее я видел, только очень давно.
-
Просто тут какое дело. Сам у меня сайт на джумле, в материале вставлена таблица. Таблице присвоен класс table_main - не работает. Копирую полностью весь код на чистую html страничку исправно закругляет края.
-
Все спасибо за ответы, разобрался! Вот небольшой вопросик не по теме: какое свойство может блокировать свойство -moz-border-radius, да и вообще закругление ни в какую не хочет работать.
-
Спасибо за ответ. Ваш способ бы мне помог если бы у меня была простая html страница, но сайт на Joomla и тут столько классов, что мама не горюй . Мне надо лишь реализовать одну сплошную линию на весь экран с левого конца и с правого.
-
Добрый день. Интересует такой вопрос. На картинке вертикальные линии и линии поверх текста - это изображения. Линии которые идут от самого пункта, то есть горизонтальные, идут до по всей ширине экрана. Вопрос: как такое реализовать? вот классы: #top-nav ul.menu li#current { background: url(../images/navigation.right.gif) no-repeat top right; } #top-nav ul.menu li#current a { background: url(../images/navigation.left.gif) no-repeat top left; padding: 0px 20px 0px 20px; color: #039655; font-weight: bold; -moz-outline-style: none; }
-
В примере поделили блоки на 2 класса, в моем же случае это изображения и добавляются они из админки, я никак не могу поделить их на 2 разных класса, но всё равно спасибо!
-
Я вот тут ещё подумал: реально ли с помощью CSS сделать выравнивание картинок по верхнему и нижнему краю? Или это только при помощи js?
-
SelenIT , спасибо, помогло!!! Поставил бы всем плюсики кто тут отписывал, да видно новичкам нельзя изменять репу.
-
Great Rash, sigma77, спасибо вам за ответы! вот что получилось: Нужен вот такой результат (это я немного отредактировал в фотошопе):