Kenshi24

Так вот в этом и вопрос, как сделать чтобы они занимали оставшуюся высоту)

Добрый день, помогите пожалуйста решить проблему верстки странички, а именно .aside и .article не хотят занимать полностью оставшуюся для них высоту. В макете используется также sticky footer. https://jsfiddle.net/ofvdp3q3/1/

Пробую вот так, но по правую сторону блок не растягивается http://jsfiddle.net/sx88yeah/3/

Не получается задать в пикселях, только в процентах: работает: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));

Есть меню из блоков, часть фиксированной ширины и один плавающей, как сделать чтобы список блоков занял все 100% ширины? http://jsfiddle.net/sx88yeah/2/

Не совсем то, я делаю верстку вручную, просто хотелось бы посмотреть пример с комментариями по подобного стиля верстки. Видел в интернете сайты, которые полностью масштабируются просто меняя ширину окна браузера, как такое сделать?

Подкинье пожалуйста статейку как реализовать лучше всего масштабируемую шириной окна браузера верску статью, желательно на русском, спасибо)

Не работает((( http://jsfiddle.net/p28bh7L3/ То есть ширина вообще не меняется( во первых там ошибка синтаксиса во вторых библиотека jquery не подключена в третьих вот http://jsfiddle.net/p28bh7L3/2/ в четвертых все работает, но у вас формула странная. в результате деления на 140, очень маленький размер получается. p.s. у меня на локалке события load отлично срабатывает на jsfiddle нет почему та, я думаю на сайте у вас отлично будет работать. Да, что-то с формулой накосячил, спасибо! Кстати как целую часть числа извлечь в JS?

Не работает((( http://jsfiddle.net/p28bh7L3/ То есть ширина вообще не меняется(

Добрый вечер, подскажите пожалуйста как написать скрипт который при загрузке страницы и при смене шишины окна браузера задает ширину элементу с классом .test, вычисляя ее по формуле: ширина .test = целая часть от ((ширина контейнера, в котором он находится) - 100) / 140

Проблема в том, что если сделать так чтобы меню убиралось по клику в любом месте экрана, то оно будет убираться также по клику на самом меню

Есть простой 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'); }; });

Благодарю)

Добрый вечер, у меня возникла проблема при верстке сайта. Сделал fixed top меню, но оно не корректно отображается относительно основной части сайта, в частности сайт имеет минимальную ширину 760px, и если окно браузера уменьшать по ширине до появления полос прокрутки, то сам сайт становится по ширине 760px, но вот верхнее меню продолжает уменьшаться из-за того, что у него position: fixed по понятным причинам. Если же самому меню тоже поставить минимальную ширину 760px, то в отличие от всего сайта полосами прокрутки его прокрутить не получится, он просто частично выпадет за край окна. Можно ли как-то решить это проблему? Желательно без вмешательства скриптов? Спасибо) http://jsfiddle.net/m29nn87s/

Должен меняться фокус с одного элемента на другой при нажатии на элемент, если нажимать на элемент, который уже имеет класс фокус, этот класс не убирается. (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" ); });});

Понятное дело, там для анимации в дополнение еще стоит opacity: 0 Может кто разбирается в анимациях?

http://cssdeck.com/labs/another-simple-css3-dropdown-menu Собственно всплывающее меню появляется мгновенно при наведении, несмотря на то, что остальные элементы делают это плавно. Можете пофиксить? Спасибо(

Добрый день, как сделать блок без какого-либо текста и без символов, но чтобы высота блока была ровно такая же, как будто бы он там был (включая отступы). Пробовал задать height: верхний отступ + нижний отступ + 1em; не помогает...

Тень внизу тоже сдвигается, заказчика вряд ли устроит. Попробовал через добавление псевдоэлемента в область тени, работать работает, но мне кажется это немного корявое решение, как думаете? http://jsfiddle.net/4f9Te/3/ .usernav > ul > li:hover:after{ content: ""; position: absolute; z-index: 2; background-color: #fff; left: 0; height: 1em; right: 0; bottom: 0;}

В смысле? Они нужны для того, чтобы тень была снаружи, нужно убрать только внутри меню на стыке между блоками

Доброго времени суток, помогите убрать тень внутри всплывающего меню как на рисунке, спасибо! http://jsfiddle.net/4f9Te/

Небольшой глюк есть, как его исправить? Выпадающий блок не расширяется влево, и текст кучей скапливается. http://jsfiddle.net/HZ3yR/6/ Ну как вариант поставить ul#navWrapper li li фиксированную длину. А вообще код очень глаза режет, про использование айдишников в списках я вообще молчу Он не мой, а из примеров в интернете, мне он лишь для наглядности

Небольшой глюк есть, как его исправить? Выпадающий блок не расширяется влево, и текст кучей скапливается. http://jsfiddle.net/HZ3yR/6/

Благодарю!

Как выровнять синие блоки чтобы они были стык в стык с красными (с нижним левым уголком)? http://jsfiddle.net/HZ3yR/2/