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

Алексей Рытиков

фулстек

71

вклад
0

вопросов
131

ответ
29%

решений

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

Как сделать рестарт gif изображения по клику?
Алексей Рытиков @chlp
фулстек
Сначала нужно подгрузить картинку:
var gif = new Image(); gif.src = "path";

Первый раз картинке выставляешь src на gif.onload:
img.attr('src', gif.src);

Потом свапаешь src с "ничем":
img.attr('src', ''); img.attr('src', gif.src);

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

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как отцентровать по вертикали span или p в div-ах которые inline-block?

Алексей Рытиков @chlp
фулстек

jsfiddle.net/hstadu0b

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как зафиксировать рамку таблицы?

Алексей Рытиков @chlp
фулстек

Зафиксируйте с помощью CSS у td
height
либо
line-height: 1.5em;

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как сделать ширину video больше ширины div'а родителя?
Алексей Рытиков @chlp
фулстек
video { position: absolute; bottom: 50%; right: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; }

Ответ написан более трёх лет назад

Комментировать
Комментировать
Подтормаживает анимация из-за background-size: cover?

Алексей Рытиков @chlp
фулстек

Возможно, это происходит из-за того, что WebKit не кеширует измененные через CSS изображения, что и вызывает подтормаживание, т.к. браузер долго перерисовывает большое изображение.
Вам может помочь srobbin.com/jquery-plugins/backstretch/.

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как правильно расположить элемент?

Алексей Рытиков @chlp
фулстек

Судя по результату работы скрипта span.typed-cursor прилепляется следующим соседом после того элемента, к которому применили .typed(), т.е. если вы сделали .credits{position: absolute;}, то span.typed-cursor, будучи соседом не сможет нормально прилепится справа. Значит вам нужно ваш span.credits обернуть в родительский и уже родительскому сделать .credits-parent {position: absolute;bottom: 0;}.
codepen.io/anon/pen/ZGXZJW

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Отображается не правильно. что делать?

Алексей Рытиков @chlp
фулстек

Почему background не растягивается на 100%?

Потому что сайт не адаптивный. Примени к body {overflow-x: hidden} и посмотри какие блоки растягивают страницу по горизонтали больше, чем 100%.

---

Добавьте в head
<meta name="viewport" content="width=1200">

Ответ написан более трёх лет назад

4 комментария

4 комментария
Почему Safari не корректно работает с flexbox?

Алексей Рытиков @chlp
фулстек

caniuse.com/#feat=flexbox уверяет, что текущая Safari 8 дружит с flexbox только через префикс -webkit-

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Есть ли ограничения на вес Лендинга?

Алексей Рытиков @chlp
фулстек

Воспользуйтесь https://developers.google.com/speed/pagespeed/insights/, он там какие-то советы даже советует.

Ответ написан более трёх лет назад

Комментировать

Комментировать
Чем отличается фиксирование на JS и CSS?

Алексей Рытиков @chlp
фулстек

Фиксирование на JavaScript – отслеживаешь текущие размеры окна через средства JavaScript'а (вешаешь события на изменение размеров и получаешь размеры window) и применяешь новые CSS-правила в зависимости от размеров.
Фиксирование на CSS – отслеживаешь текущие размеры окна через медиа-запросы (например, max-width, min-width) и применяешь новые правила.

Обычно на JavaScript чуть проще решить проблему, но более затратно (и, вообще, это не тру), но в конечном счете и то и другое – размерами оперируешь через CSS.

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как сделать на css прозрачный фон, как у картинки?

Алексей Рытиков @chlp
фулстек

Прозрачное:
background-color: transparent;
Полупрозрачное с цветом:
background-color: rgba(90,0,0,0);

Ответ написан более трёх лет назад

Комментировать

Комментировать
Почему посетители wordpress не могут отвечать на комментарии?

Алексей Рытиков @chlp
фулстек

Я вижу кнопки ответить

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как сверстать такой border?

Алексей Рытиков @chlp
фулстек

Нужно отказаться от идеи делить ширину border'ов пополам и идти другим путем: каждый not-first div имеет нулевой левый border, каждый div из второго ряда имеет нулевой верхний border.
Например, так codepen.io/anon/pen/zGwxqL

Ответ написан более трёх лет назад

6 комментариев

6 комментариев
Как вывести текст с форматированием в html?

Алексей Рытиков @chlp
фулстек

Во-первых, white-space: pre-line не учитывает пробелы пользователей. Учитывает и переносы и пробелы значение pre-wrap.
Слова обрезаются «в середине», если выставлено word-wrap: break-word. См. htmlbook.ru/css/word-wrap.

Ответ написан более трёх лет назад

Комментировать

Комментировать
Переключение класса при скролле вниз/вверх на jQuery?
Алексей Рытиков @chlp
фулстек
Не знаю, что конкретно вы имели в виду в примере, но можно например так:
var currentScrollPosition = 0; $(window).scroll(function () { var newScrollPosition = $(this).scrollTop(); if (newScrollPosition > currentScrollPosition){ // меняем класс по скроллу вниз } else { // меняем класс по скроллу вверх } currentScrollPosition = newScrollPosition; });

Ответ написан более трёх лет назад

1 комментарий
1 комментарий
С чего начать писать движок магазина?

Алексей Рытиков @chlp
фулстек

С таким подходом и с целью образования – изучите PHP. Он будет с вами мягок, простит половину ваших ошибок, но хуже не будет, ведь если решите продолжить, то все равно придется эти ошибки осознать, а старт на нем действительно быстрый. Возьмите какую-нибудь "общую" книгу по PHP и MySQL, например эту.

Ответ написан более трёх лет назад

2 комментария

2 комментария
Убираю Элемент с помощью JQuery, как оставить соседние на тех же местах не сдвигая?

Алексей Рытиков @chlp
фулстек

Положите на место убранного элемента пустой блок с такими же размерами.
Если чистите блок, то делайте не .remove(), а .html(''), предварительно зафиксировав ширину и высоту.

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как вывести на печать одну картинку из страницы?
Алексей Рытиков @chlp
фулстек
1. Можно печатать содержимое iframe.
2. Содержимое iframe можно заполнять не через источник, а данными из JavaScript.

<iframe name="imgFrame" style="width: 0; height: 0; border: 0;"></iframe> <script> var frame = window.frames['imgFrame']; frame.document.write('<body onload="window.print()"><img class="img" src="http://lorempixel.com/400/200/food"></body>'); frame.document.close(); </script>

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как можно сделать следующую адаптивную структуру?

Алексей Рытиков @chlp
фулстек

codepen.io/anon/pen/bdwxYm

Ответ написан более трёх лет назад

Комментировать

Комментировать
Аттрибуты border и background налезают на элементы с float, как исправить?

Алексей Рытиков @chlp
фулстек

Может быть, вам просто добавить overflow: hidden в .p1 и blockquote?
https://jsfiddle.net/k09m2vLu/

Ответ написан более трёх лет назад

1 комментарий

1 комментарий

Самые активные сегодня

Сергей delphinpro
- 3 ответа
- 0 вопросов
AiR_WiZArD
- 3 ответа
- 0 вопросов
Петровский
- 3 ответа
- 0 вопросов
Aragorn
- 3 ответа
- 0 вопросов
Виктор Петров
- 3 ответа
- 0 вопросов
rPman
- 3 ответа
- 0 вопросов

Войдите на сайт