clgs
User-
Posts
66 -
Joined
-
Last visited
About clgs
- Birthday 06/22/1984
Information
-
Sex
Мужчина
clgs's Achievements
-
Блок размером окна в блоке на странице с overflow hidden
clgs replied to clgs's question in HTML Coding
Всё еще актуально -
Здравствуйте. В общем есть задача в блок А на странице разместить блок Б с размером окна браузера, при этом блок Б должен быть зафиксирован, т.е. быть не подвижным при скроле. И видно только ту часть что расположена внутри блока А. Манипуляции с position:fixed z-index не к чему не привели. Точнее блок Б становится выше фона страницы и показывается за пределами блока А. https://yadi.sk/i/8pHOa7YD3GsjXc
-
Проблему решил, заменив картинку на бекграунд с фиксацией, а двигаю с помошью позиции бекграунда и высоты желтого блока.
-
Есть три блока, предположим шапка, скрытый блок, контент. Когда открывается страница показывается только шапка и контент, как только начинаем скролить, "выезжает" скрытый блок. Как только блок показался полностью, при дальнейшем скролинге, тянем остальной контент. Собственно решил задачу по средствам JS, но не устраивает. Т.к. когда сролинг идёт колесом, то "прыгает" конент. А когда мышкой тащишь, то нормально. Подскажите как сделать с помошью css или как-то более "грамотно" Что сделано сейчас: <header>...</header> <style> .benefits{margin-top:-300px} .parallax_content{ height:300px; margin:0 auto; overflow:hidden; } </style> <script> $(window).scroll(function(){ var top = $(this).scrollTop(); top=300-top; $('.benefits').css('margin-top', (0>top?0:'-'+top)+'px'); }); document.write('<div class="parallax_content"><img src="/file.jpg"></div>'); </script> <div class="benefits">...</div> В при крепленом файле более наглядно что нужно получить.
-
Внутри это еще понятно, но за <html>, это ИМХО уже перебор...
-
т.е. хотите сказать что гугл имел ввиду следующее? <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> <script> var css = document.createElement('link'); css.type = 'text/css'; css.rel = 'stylesheet'; css.href = 'small.css'; document.getElementsByTagName('head')[0].appendChild(css); </script> </body> </html>
-
Добрый день. Помогите привести информацию в голове в порядок. Гугл пишет что нужно делать так <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <link rel="stylesheet" href="small.css"> При этом в htmlbook указано следующее :
-
А может есть методика создания собственных свойств которое будет описывать группу стандартных свойств? что-то типа: set property my_property{a,b,c} .class{my_property}
-
Добрый день. Подскажите пожалуйста, как сделать так чтоб один класс унаследовал свойства другого класс, т.е. .class1{a} .class2{b} .class3 /*что-то делаем*/{c} в итоге class3 должен содержать свойства {a,b,c}
-
Жестко, я лучше на JS =)
-
Добрый день. Подскажите пожалуйста скрипт или как написать на jQuery, который бы выполнял следующие действия: есть меню на резиновой страницы, когда страница уменьшается, необходимо перемещать в еще те пункты меню которые не помещаются, в тоже время не должно быть наполовину скрытых пунктов меню. под перемещением я имею ввиду это: пункт1 пункт2 пункт3 пункт4 еще пункт5 пункт1 пункт2 пункт3 еще пункт4 пункт5 пункт1 пункт2 еще пункт3 пункт4 пункт5 Сразу замечу, пункты меню width:auto, да и блок (меню) с пунктами тоже не определенного размера width:auto заранее спасибо.
-
позиционирование элемента по центру не зная его размеров
clgs replied to clgs's question in HTML Coding
не хорошо тем что, при таком подходе качество картинки значительно ухудшается. качество отображения в браузере. -
позиционирование элемента по центру не зная его размеров
clgs replied to clgs's question in HTML Coding
Картинки одинаковых размеров. но получается слудующее надо так как отмечено зеленым (т.е. четко по центру) 2ceil100, изменять размеры картинки таким способом не хорошо) остановлюсь на том что придумал с самого начала) спасибо за ответ) но готов выслушать еще советы. -
позиционирование элемента по центру не зная его размеров
clgs replied to clgs's question in HTML Coding
Получается не то что надо. ul{list-style: none outside none} li{position:relative;float:left;padding:0;margin:0;overflow:hidden;width:100px;height:100px;background:none} li img{display:block;position:relative;left:-50%;top:-50%;} <!DOCTYPE html> <meta charset="utf-8"> <meta name="viewport" content="width=1274, user-scalable=no"> <link type="text/css" href="style.css" rel="stylesheet" /> <body> <ul> <li><a href="#"><img alt="alt" title="title" src="img.jpg"></a></li> <li><a href="#"><img alt="alt" title="title" src="img.jpg"></a></li> <li><a href="#"><img alt="alt" title="title" src="img.jpg"></a></li> <li><a href="#"><img alt="alt" title="title" src="img.jpg"></a></li> <li><a href="#"><img alt="alt" title="title" src="img.jpg"></a></li> </ul> </body> </html> -
позиционирование элемента по центру не зная его размеров
clgs replied to clgs's question in HTML Coding
да