В div выровнять текст или изображение по центру (по вертикали)

В любой нужный элемент вписывается div-table, в него div-table-cell, и вот в него уже всё, что нужно разместить по центру по вертикали: <div> <div class="div-table"> <div class="div-table-cell">...что угодно, не только текст</div> </div> И применить...

Заголовок с линиями по бокам текста на css

Иногда нужно сверстать заголовок, у которого слева и справа располагаются линии, которые занимают все оставшиеся пространство. Для такого случая у меня есть рецепт как сверстать сложный заголовок с линиями по бокам текста. Мы...

Как изменить стиль первого слова в тексте (:first-word)

first-word-css
:first-word — такого псевдокласса не существует. Но решение есть — первое слово в тексте можно выделить с помощью PHP или JavaScript. PHP На PHP задача решается с помощью строковых функций. Допустим у нас есть некая переменная $title, содержащая...

Как подружить overflow:hidden в Safari на iOS?

overflow ios
На body висит overflow:hidden, который, как я почитал, не работает в ios safari.Есть модальное окно, position:fixed.Везде всё хорошо, а на i-девайсах скроллится страница под модалом.Как это побороть? Частично помогло для модального окна -webkit-overflow-scrolling:...

Изменить цвет ссылки текущей страницы с помощью CSS

Как подсветить URL текущей страницы в навигации (неважно цветом или жирностью), чтобы не прописывать на каждый адрес отдельное правило? С помощью jQuery вы можете использовать функцию .each для итерации по ссылкам со следующим...

Определение разрешения экрана на JavaScript

screen.width. Определяет ширину экрана (монитора). screen.height. Определяет высоту экрана (монитора). document.body.clientWidth. Определяет ширину браузера. document.body.clientHeight. Определяет высоту браузера. $(window).width(). Определяет ширину браузера, но только...

Товары которых нет в наличии вниз списка

В Opencart сортировку товара можно сделать любую, по имени, рейтингу, цене и т.д. Но неудобно то что товары не сортируются по наличию — идут в общем списке по заданной сортировке. Часто, товар которого нет в наличии идет самым...

Адаптивное изменение размеров изображений (crop, resize) в OpenCart

Хотя с обработкой изображений в Opencart дела обстоят не очень плохо, но все же, примерно в 50% случаев, возникает необходимость сначала обрезать, а уже потом уменьшать изображения до заданных в настройках размеров. Таким образом,...

Подборка материалов для изучения Google Tag Manager

Google-Tag-Manager-Logo
Большая подборка материалов для самостоятельного изучения Google Tag Manager. В статье вы найдете всю необходимую информацию по работе GTM — от самых базовых вещей (что такое GTM, какие бывают типы триггеров) до работы с dataLayer и CSS-селекторами. Знакомство...

Сеть Windows 10 и Windows XP

Windows 10 не подключается к XP Это самая распространенная ошибка при настройке локальной сети, в которой есть компьютеры Windows 10 и Windows XP. На компьютере под управлением Windows 10, в апплете «Сеть», не видны компьютеры Windows XP. Причина...