Изменить цвет ссылки текущей страницы с помощью 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 —  , который и был изначально в названии поста, но и там он умудрился “исчезнуть”. Символ  обладает рядом очень весёлых свойств, которые каждый встретивший его верстальщик непременно запомнит,...

Вкладки (tabs) на jQuery без наворотов

Количество вкладок не ограничено. HTML структура: Первая вкладка Вторая вкладка Третья вкладка Первое содержимое Второе содержимое Третье содержимое CSS стили: .tabs{ display:inline-block; } .tabs > div{ padding-top:10px; } .tabs ul{ margin:0px; padding:0px; } .tabs...

Выравнивание горизонтального списка (меню) по центру страницы

Новичкам кажется сложным выровнять горизонтальное меню (список) по центру html-страницы. Как это делается с использованием чистого CSS? Имеем такое горизонтальное меню на списках, выравнивание по центру . #foot-nav {float:left; width:100%;...

Убираем placeholder при клике по input

В html5 есть атрибут placeholder. Placeholder — выводит текст внутри поля формы и исчезает когда пользователь начинает вводить символы. Но бывают моменты когда нужно убирать placeholder во время свойства .focus, то есть при клике мышкой в поле...

Несколько дельных советов по CSS

CSS Protips Это современные решения типичных проблем, коллекция советов, которая поможет вам улучшить ваши профессиональные навыки CSS. От переводчика Приветствую, для вас подготовлен еще один перевод заметок на тему CSS. Мэтт...