Время от времени возникает необходимость сверстать необычный заголовок, в котором слева и/или справа от текста проходит горизонтальная линия, занимающая все свободное пространство. Выглядит это следующим образом (живой пример): Заголовок с выравниванием слева Заголовок с выравниванием по центру Заголовок с выравниванием справа Раньше для решения данной ...
На сайтах часто встречаются блоки с ответами на часто задаваемые вопросы. Ответы при этом по умолчанию скрыты, а при клике на вопрос ответ раскрывается. Такого типа блок еще называют «аккордеоном». Я видел разные варианты HTML-разметки «аккордеона». Чаще ...
Для того, чтобы оформить чекбоксы и радиокнопки, как того требует дизайн, сегодня не обязательно использовать JavaScript-решения (типа моего плагина jQuery Form Styler), т.к. для этого можно задействовать только CSS, причем с обратной совместимостью ...
Замечательный дизайнер Orman Clark однажды представил своим читателям очень красивый дизайн облака тегов, который я использовал на одном моем сайте. Расскажу, как сверстать такие теги для вашего сайта. Для начала необходимо приготовить ...
Пришло время, и я наконец-таки решился отказаться от верстки под устаревший браузер Internet Explorer 7. Если это будет верстка на заказ, то вносить изменения под него буду только за дополнительную плату, а для своих проектов забуду вообще. ...
Комментарии (35)
Dimox, а можешь сделать раздвижку типа [текст]…[текст] - чтобы там где точечки раздвигалось? Как-то максимально компактно, чтобы не было лишней разметки.
Спасибо! Очень помогла статья.
добрый день. как сделать так же, только чтобы линия была вертикальной?
Привет. Статья пригодилась. Сделал нечто подобное.
а как сделать чтобы она была адаптивной?
Dimox, огромное тебе спасибо! Это очень-очень помогло!