Jump to content

Kenshi24

User
  • Posts

    75
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Kenshi24's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Так вот в этом и вопрос, как сделать чтобы они занимали оставшуюся высоту)
  2. Добрый день, помогите пожалуйста решить проблему верстки странички, а именно .aside и .article не хотят занимать полностью оставшуюся для них высоту. В макете используется также sticky footer. https://jsfiddle.net/ofvdp3q3/1/
  3. Пробую вот так, но по правую сторону блок не растягивается http://jsfiddle.net/sx88yeah/3/
  4. Не получается задать в пикселях, только в процентах: работает:background: -webkit-gradient(linear, 30% top, 60% top, color-stop(33%,#ff0000), color-stop(33%,#ffffff), color-stop(54%,#ffffff), color-stop(54%,#ff0000));не работает:background: -webkit-gradient(linear, 300px top, 600px top, color-stop(33%,#ff0000), color-stop(33%,#ffffff), color-stop(54%,#ffffff), color-stop(54%,#ff0000));
  5. Есть меню из блоков, часть фиксированной ширины и один плавающей, как сделать чтобы список блоков занял все 100% ширины? http://jsfiddle.net/sx88yeah/2/
  6. Не совсем то, я делаю верстку вручную, просто хотелось бы посмотреть пример с комментариями по подобного стиля верстки. Видел в интернете сайты, которые полностью масштабируются просто меняя ширину окна браузера, как такое сделать?
  7. Подкинье пожалуйста статейку как реализовать лучше всего масштабируемую шириной окна браузера верску статью, желательно на русском, спасибо)
  8. Не работает((( http://jsfiddle.net/p28bh7L3/ То есть ширина вообще не меняется( во первых там ошибка синтаксиса во вторых библиотека jquery не подключена в третьих вот http://jsfiddle.net/p28bh7L3/2/ в четвертых все работает, но у вас формула странная. в результате деления на 140, очень маленький размер получается. p.s. у меня на локалке события load отлично срабатывает на jsfiddle нет почему та, я думаю на сайте у вас отлично будет работать. Да, что-то с формулой накосячил, спасибо! Кстати как целую часть числа извлечь в JS?
  9. Не работает((( http://jsfiddle.net/p28bh7L3/ То есть ширина вообще не меняется(
  10. Добрый вечер, подскажите пожалуйста как написать скрипт который при загрузке страницы и при смене шишины окна браузера задает ширину элементу с классом .test, вычисляя ее по формуле: ширина .test = целая часть от ((ширина контейнера, в котором он находится) - 100) / 140
  11. Проблема в том, что если сделать так чтобы меню убиралось по клику в любом месте экрана, то оно будет убираться также по клику на самом меню
  12. Есть простой JQuery скрипт для выпадающего меню, все просто наводишь мышкой - выпадает, убираешь мышку - исчезает. На моем планшете есть баг, меню не исчезает если тыкнуть в другую часть экрана. Как можно исправить? $(document).ready(function() { $('.nav > li').bind('mouseover', openSubMenu); $('.nav > li').bind('mouseout', closeSubMenu); function openSubMenu() { $(this).find('ul').addClass('focus'); }; function closeSubMenu() { $(this).find('ul').removeClass('focus'); }; });
  13. Добрый вечер, у меня возникла проблема при верстке сайта. Сделал fixed top меню, но оно не корректно отображается относительно основной части сайта, в частности сайт имеет минимальную ширину 760px, и если окно браузера уменьшать по ширине до появления полос прокрутки, то сам сайт становится по ширине 760px, но вот верхнее меню продолжает уменьшаться из-за того, что у него position: fixed по понятным причинам. Если же самому меню тоже поставить минимальную ширину 760px, то в отличие от всего сайта полосами прокрутки его прокрутить не получится, он просто частично выпадет за край окна. Можно ли как-то решить это проблему? Желательно без вмешательства скриптов? Спасибо) http://jsfiddle.net/m29nn87s/
  14. Должен меняться фокус с одного элемента на другой при нажатии на элемент, если нажимать на элемент, который уже имеет класс фокус, этот класс не убирается. (Jquery) <ul class="nav"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li></ul>$(document).ready(function(){ $( ".nav > li" ).click(function() { $( ".nav > li" ).removeClass( "focus" ); $( this ).toggleClass( "focus" ); });});
×
×
  • 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