Kenshi24
-
Posts
75 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Kenshi24
-
-
Добрый день, помогите пожалуйста решить проблему верстки странички, а именно .aside и .article не хотят занимать полностью оставшуюся для них высоту. В макете используется также sticky footer.
-
Есть меню из блоков, часть фиксированной ширины и один плавающей, как сделать чтобы список блоков занял все 100% ширины?
Пробую вот так, но по правую сторону блок не растягивается
-
Не получается задать в пикселях, только в процентах:
работает: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% ширины?
-
Если я правильно понял, Вам нужен bootstrap и система сеток
Не совсем то, я делаю верстку вручную, просто хотелось бы посмотреть пример с комментариями по подобного стиля верстки.
Видел в интернете сайты, которые полностью масштабируются просто меняя ширину окна браузера, как такое сделать?
-
Подкинье пожалуйста статейку как реализовать лучше всего масштабируемую шириной окна браузера верску статью, желательно на русском, спасибо)
-
$(document).ready(function(){
$(window).bind('load resize',function(){
$('.test').width((ширина контейнера, в котором он находится) - 100) / 140);
});
});
так?
Не работает(((
То есть ширина вообще не меняется(
во первых там ошибка синтаксиса
во вторых библиотека jquery не подключена
в третьих вот http://jsfiddle.net/p28bh7L3/2/
в четвертых все работает, но у вас формула странная. в результате деления на 140, очень маленький размер получается.
p.s. у меня на локалке события load отлично срабатывает на jsfiddle нет почему та, я думаю на сайте у вас отлично будет работать.
Да, что-то с формулой накосячил, спасибо! Кстати как целую часть числа извлечь в JS?
-
$(document).ready(function(){
$(window).bind('load resize',function(){
$('.test').width((ширина контейнера, в котором он находится) - 100) / 140);
});
});
так?
Не работает(((
То есть ширина вообще не меняется(
-
Добрый вечер, подскажите пожалуйста как написать скрипт который при загрузке страницы и при смене шишины окна браузера задает ширину элементу с классом .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, то в отличие от всего сайта полосами прокрутки его прокрутить не получится, он просто частично выпадет за край окна. Можно ли как-то решить это проблему? Желательно без вмешательства скриптов? Спасибо)
-
Должен меняться фокус с одного элемента на другой при нажатии на элемент, если нажимать на элемент, который уже имеет класс фокус, этот класс не убирается. (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" ); });});
-
Display не анимируется.
Понятное дело, там для анимации в дополнение еще стоит opacity: 0
Может кто разбирается в анимациях?
-
http://cssdeck.com/labs/another-simple-css3-dropdown-menu
Собственно всплывающее меню появляется мгновенно при наведении, несмотря на то, что остальные элементы делают это плавно. Можете пофиксить? Спасибо(
-
Добрый день, как сделать блок без какого-либо текста и без символов, но чтобы высота блока была ровно такая же, как будто бы он там был (включая отступы). Пробовал задать height: верхний отступ + нижний отступ + 1em; не помогает...
-
Можно попробовать вот так.
Тень внизу тоже сдвигается, заказчика вряд ли устроит.
Попробовал через добавление псевдоэлемента в область тени, работать работает, но мне кажется это немного корявое решение, как думаете?
.usernav > ul > li:hover:after{ content: ""; position: absolute; z-index: 2; background-color: #fff; left: 0; height: 1em; right: 0; bottom: 0;}
-
Уберите правила:
.usernav li:hover,.usernav li:hover ul{ -webkit-box-shadow: 0px 0px 1.5em #dadbdd;-moz-box-shadow: 0px 0px 1.5em #dadbdd;box-shadow: 0px 0px 1.5em #dadbdd;}.usernav li:hover li{ box-shadow: none;}
В смысле? Они нужны для того, чтобы тень была снаружи, нужно убрать только внутри меню на стыке между блоками
-
Доброго времени суток, помогите убрать тень внутри всплывающего меню как на рисунке, спасибо!
-
стили добавил в конце, после черты
Небольшой глюк есть, как его исправить? Выпадающий блок не расширяется влево, и текст кучей скапливается.
Ну как вариант поставить ul#navWrapper li li фиксированную длину. А вообще код очень глаза режет, про использование айдишников в списках я вообще молчу
Он не мой, а из примеров в интернете, мне он лишь для наглядности
-
стили добавил в конце, после черты
Небольшой глюк есть, как его исправить? Выпадающий блок не расширяется влево, и текст кучей скапливается.
-
ul#navWrapper ul {display: none;position: absolute;background-color: #00c;}
Сюда дописать margin`ы для левого края и верха (-16, 16 соответственно)
Благодарю!
-
Как выровнять синие блоки чтобы они были стык в стык с красными (с нижним левым уголком)?
Проблема с высотой сайта
in HTML Coding
Posted
Так вот в этом и вопрос, как сделать чтобы они занимали оставшуюся высоту)