В 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(). Определяет ширину браузера, но только...

Селекторы атрибутов

Селекторы атрибутов позволяют нам обратиться к тегам, имеющим необходимый нам атрибут или даже конкретное его значение: p[align] {свойства} /* применить ко всем тегам p, у которых есть атрибут align */ p[align="center"] {свойства} /* где значение...

Выравнивание модального окна по центру

Центрирование модального окна по горизонтали и вертикали. .modal { text-align: center; } @media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

Плавающий блок на всю оставшуюся ширину

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

Символ &#65279 — проблема верстальщика

В роли символа  &*#*65279 —  , который и был изначально в названии поста, но и там он умудрился “исчезнуть”. Символ  обладает рядом очень весёлых свойств, которые каждый встретивший его верстальщик непременно запомнит,...