Что сделать с таблицами, чтобы их можно было нормально просматривать на смартфонах?
Больше текста напишу позже, а пока:
добавьте в файл скриптов:
$('.content table').wrap('<div class="table-wrap"></div>');
Добавьте в файл стилей:
.table-wrap {
max-width: 100%;
overflow: auto;
}
Таблица будет помещена в блок с классом .table-wrap, и если таблица не будет помещаться в родительский блок, тогда она будет отображаться с горизонтальной прокруткой внутри блока с классом .table-wrap.
Наверное, многие, при html-верстке, встречали «баг», когда, размещая в блоке подряд два изображения, между ними…
.block{ -ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: top…
Для элемента с классом blink задаем такие стили и получаем мигание этого элемента: .blink {…
В данном примере сделаем изображение с классом filter черно-белым по умолчанию, а при наведении на…