Задать вопрос

Сергей Собко

Ответы пользователя по тегу CSS

  • Как изменить CSS дочернего элемента блока при наведении посредством jQuery?

    @Catzo0
    Так а в чём сложность то? Обработчик на ховер по родительскому диву, внутри идите по детям от $(this), что бы не всплывало на всех элементах и меняйте им то, что нужно. transition в css задайте, где необходимо, либо используйте .animate();

    Черновой вариант
    $( "div.info_block" ).hover(function(){
    $(this).css("border", "value");
    $(this).children("h3").css({
         "color": "value",
          ...
    });
   $(this).children("img").css({
         "color": "value",
          ...
    });
});
    Ответ написан
    Комментировать
    Комментировать

  • Почему улетает календарь?

    @Catzo0
    Проблема с вашим дейтпикером лежит в этой строчке
    document.getElementsByTagName("body").item(0).appendChild(e_cal);
tcall.js 168 строка, если верить дебаг-консоли хрома

    То есть получая координаты элемента, по которому сработало событие click, контейнер дейтпикера аппендится к body, имея координаты х и y при display: absolute. Из-за того, что у родительской обёртки section, в котором лежат кнопки дейтпикера, свойство position изменяется на fixed, то вот этот код получения координат 
    var n_left = f_getPosition (this, 'Left'),
		n_top  = f_getPosition (this, 'Top') + this.offsetHeight;

    отсчитывает их НЕ от верха страницы, как это делалось до изменения position, а от верха родительского section, что равняется top: 343px; left: 426px;. И координаты то эти правильны, если отображать его относительно родительского section, но совершенно не верны из-за того, куда аппендится сам дейтпикер.

    Теперь вам необходимо переписать функцию отрисовки дейтпикера так, что бы он цеплялся ниже блока с иконкой календарика. Это позволит оставаться ему на нужном месте, даже если пользователь кликнет по календарю и не закрыв его начнёт скролить страницу.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как сделать что бы по нажатию на разные кнопки качался файл?

    @Catzo0
    Вариантов несколько.
    1. Оберните картинку в тег a
    2. Вешайте js обработчик на картинки и пишите url , к примеру, в data-url, а в обработчиком уже отдавайте нужный файл в зависимости от data-url
    Ответ написан
    Комментировать
    Комментировать

  • Как решить проблему с flex, когда один из чайлдов фиксирован, а второй должен растянуться?

    @Catzo0
    И такой вариант вас не устроит? 
    .snippet-main {
    max-width: 230px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
 }

    Ведь у вас есть фиксированная ширина контейнера, фиксированная ширина изображения. Остается лишь задать макс. ширину блока с именем, а лишнее - спрятать.
    Другого варианта я не вижу.
    Ответ написан
    3 комментария
    3 комментария