Всех приветствую. На очереди очередная статья на тему верстки и в этот раз я рассмотрю вопрос, как в css отменить обтекание. Такая проблема возникает перед разработчиком очень часто и решить ее можно как минимум несколькими способами. Сегодня я покажу 2. Первый способ и пример Начнем с примера. Будет один общий блок-контейнер, а в нем будут […]

Всех приветствую. Сегодня я напишу достаточно интересную статью о том, как сделать в css красивые radio-кнопки переключатели, ведь по умолчанию в html они выглядят, мягко говоря, ужасно. Будем это исправлять! Что-то подобное я уже показывал вам на примере чекбоксов в этой статье, но сегодня мы займемся радиокнопками и будет другой пример. Реализуем пример с выбором […]

Я приветствую вас. Кажется, на страницах своего блога я еще не описывал, как делаются в css декоративные рамки, а раз так, то это тема моей сегодняшней статьи. Отлично, чтобы начать, нам нужен реквизит, так сказать Сегодня в качестве реквизита выступит моя фотография и фотка декоративной рамки. Вот они: Тут я в четвертом классе, это было […]

Всем привет. Хочу сегодня поделиться очень интересными возможностями, которые можно реализовать на чистом css. В частности, как сделать в css анимацию картинки в зависимости от выбора человека. Например, ему нужно с помощью чекбоксов или радиокнопок выбрать какой-то вариант и для каждого варианта нужно проиграть свою анимацию. Сегодня я вам покажу, как можно это сделать достаточно […]

Всех приветствую. С горизонтальным выравниваем блоков в css вообще нет никаких проблем. А вот с вертикальным есть. Впрочем, проблемы эти решаются несколькими способами. Итак, сегодня я расскажу, как делать в css вертикальное выравнивание блоков. Табличный метод Суть его в чем: родительскому блоку вы задаете display: table, а его вложенному блоку, который нужно отцентрировать — display: […]

Всех приветствую. Когда-то я писал статью о том, как сделать вертикальную навигацию на сайте, сегодня же поговорим о том, как делается в css горизонтальное меню (адаптивное, на всю ширину экрана и т.д.). Пролог — как сделать горизонтальное расположение ссылок Вообще вы же наверняка знаете о том, как создается меню? Хотя бы примерно? Берется тег-контейнер nav, […]

И вновь приветствую всех читателей. Раз уж зашла речь об адаптивной верстке, то вы должны сделать так, чтобы ваши картинки и фоновые изображения хорошо смотрелись на всех разрешениях экранов. Как делать в css адаптивные картинки и фоновые изображения? Хороший вопрос, давайте разбираться. Адаптивные изображения — тег img Сначала разберемся, что делать с теми картинками, которые […]

Приветствую. Когда говорят об адаптивности, то обычно речь заходит о сетках и блоках. Но также важно адаптировать шрифты сайта под различные разрешения. Как это делать, узнаем сегодня. Я поделюсь с вами одной фишкой, как верстать сайты более правильно. Наверняка все вы задаете размер шрифта в пикселях, верно? Это достаточно простой и удобный подход, но у […]

Сегодня речь пойдет о свойстве css transform translate. Оно позволит вам перемещать элементы на нужное расстояние по горизонтали и вертикали. Как работает перемещение? Собственно, если вам нужно что-либо переместить по веб-странице, не нарушив при этом позиционирование и вообще ничего не поломав в верстке, наиболее эффективно будет использовать для этого свойство transform: translate (значение 1, значение […]

Сегодня вертикальное выпадающее меню на css сделать не проблема и я покажу вам сегодня как это делается, абсолютно без скриптов. Не проблема то не проблема, только я вот сегодня неожиданно понял, что забыл, как это делается Чето давно просто не делал. Ну да ладно, просмотром одного урока я полностью исправил эту проблему, так что поделюсь […]