Jump to content

Kenshi24

User
  • Posts

    75
  • Joined

  • Last visited

Posts posted by Kenshi24

  1. 17 минут назад, NotCreative сказал:

    А почему они должны занимать всю оставшуюся высоту если у элементов с float высота установлена как auto, а проценты в данном случае работать не будут.

    Вот как раз нашел статью про эту особенность: https://learn.javascript.ru/height-percent

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

  2. Не получается задать в пикселях, только в процентах:

    работает: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));
     
     
  3. Если я правильно понял, Вам нужен bootstrap и система сеток

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

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

  4.  

     

    $(document).ready(function(){

     

     

    $(window).bind('load resize',function(){

         $('.test').width((ширина контейнера, в котором он находится) - 100) / 140);

    });

     

     

    });

     

    так?

    Не работает(((

    http://jsfiddle.net/p28bh7L3/

    То есть ширина вообще не меняется(

     

    во первых там ошибка синтаксиса

    во вторых библиотека jquery не подключена

    в третьих вот http://jsfiddle.net/p28bh7L3/2/

    в четвертых все работает, но у вас формула странная. в результате деления на 140, очень маленький размер получается.

     

    p.s. у меня на локалке события load отлично срабатывает на jsfiddle нет почему та, я думаю на сайте у вас отлично будет работать.

     

    Да, что-то с формулой накосячил, спасибо! Кстати как целую часть числа извлечь в JS?

  5. Добрый вечер, подскажите пожалуйста как написать скрипт который при загрузке страницы и при смене шишины окна браузера задает ширину элементу с классом .test, вычисляя ее по формуле:

    ширина .test = целая часть от ((ширина контейнера, в котором он находится) - 100) / 140

  6. Есть простой 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');		};			});
  7. Добрый вечер, у меня возникла проблема при верстке сайта. Сделал fixed top меню, но оно не корректно отображается относительно основной части сайта, в частности сайт имеет минимальную ширину 760px, и если окно браузера уменьшать по ширине до появления полос прокрутки, то сам сайт становится по ширине 760px, но вот верхнее меню продолжает уменьшаться из-за того, что у него position: fixed по понятным причинам. Если же самому меню тоже поставить минимальную ширину 760px, то в отличие от всего сайта полосами прокрутки его прокрутить не получится, он просто частично выпадет за край окна. Можно ли как-то решить это проблему? Желательно без вмешательства скриптов? Спасибо)

     

     

    http://jsfiddle.net/m29nn87s/

  8. Должен меняться фокус с одного элемента на другой при нажатии на элемент, если нажимать на элемент, который уже имеет класс фокус, этот класс не убирается. (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" );   });});
  9. Добрый день, как сделать блок без какого-либо текста и без символов, но чтобы высота блока была ровно такая же, как будто бы он там был (включая отступы). Пробовал задать height: верхний отступ + нижний отступ + 1em; не помогает...

  10. Можно попробовать вот так.

    Тень внизу тоже сдвигается, заказчика вряд ли устроит.

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

    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;}
  11.  

    Уберите правила:

    .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;}

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

  12.  

     

    http://jsfiddle.net/HZ3yR/4/

    стили добавил в конце, после черты

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

    http://jsfiddle.net/HZ3yR/6/

    diXQVTiu2KU.jpg

     

     

    Ну как вариант поставить ul#navWrapper li li фиксированную длину. А вообще код очень глаза режет, про использование айдишников в списках я вообще молчу

     

    Он не мой, а из примеров в интернете, мне он лишь для наглядности

×
×
  • 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