Jump to content

clgs

User
  • Posts

    66
  • Joined

  • Last visited

About clgs

  • Birthday 06/22/1984

Information

  • Sex
    Мужчина

clgs's Achievements

Explorer

Explorer (1/14)

0

Reputation

1

Community Answers

  1. Здравствуйте. В общем есть задача в блок А на странице разместить блок Б с размером окна браузера, при этом блок Б должен быть зафиксирован, т.е. быть не подвижным при скроле. И видно только ту часть что расположена внутри блока А. Манипуляции с position:fixed z-index не к чему не привели. Точнее блок Б становится выше фона страницы и показывается за пределами блока А. https://yadi.sk/i/8pHOa7YD3GsjXc
  2. Проблему решил, заменив картинку на бекграунд с фиксацией, а двигаю с помошью позиции бекграунда и высоты желтого блока.
  3. Есть три блока, предположим шапка, скрытый блок, контент. Когда открывается страница показывается только шапка и контент, как только начинаем скролить, "выезжает" скрытый блок. Как только блок показался полностью, при дальнейшем скролинге, тянем остальной контент. Собственно решил задачу по средствам 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> В при крепленом файле более наглядно что нужно получить.
  4. Внутри это еще понятно, но за <html>, это ИМХО уже перебор...
  5. т.е. хотите сказать что гугл имел ввиду следующее? <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>
  6. Добрый день. Помогите привести информацию в голове в порядок. Гугл пишет что нужно делать так <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <link rel="stylesheet" href="small.css"> При этом в htmlbook указано следующее :
  7. А может есть методика создания собственных свойств которое будет описывать группу стандартных свойств? что-то типа: set property my_property{a,b,c} .class{my_property}
  8. Добрый день. Подскажите пожалуйста, как сделать так чтоб один класс унаследовал свойства другого класс, т.е. .class1{a} .class2{b} .class3 /*что-то делаем*/{c} в итоге class3 должен содержать свойства {a,b,c}
  9. Добрый день. Подскажите пожалуйста скрипт или как написать на jQuery, который бы выполнял следующие действия: есть меню на резиновой страницы, когда страница уменьшается, необходимо перемещать в еще те пункты меню которые не помещаются, в тоже время не должно быть наполовину скрытых пунктов меню. под перемещением я имею ввиду это: пункт1 пункт2 пункт3 пункт4 еще пункт5 пункт1 пункт2 пункт3 еще пункт4 пункт5 пункт1 пункт2 еще пункт3 пункт4 пункт5 Сразу замечу, пункты меню width:auto, да и блок (меню) с пунктами тоже не определенного размера width:auto заранее спасибо.
  10. не хорошо тем что, при таком подходе качество картинки значительно ухудшается. качество отображения в браузере.
  11. Картинки одинаковых размеров. но получается слудующее надо так как отмечено зеленым (т.е. четко по центру) 2ceil100, изменять размеры картинки таким способом не хорошо) остановлюсь на том что придумал с самого начала) спасибо за ответ) но готов выслушать еще советы.
  12. Получается не то что надо. 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>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy