HTML и CSS

Как прижать футер к низу страницы

В этом уроке мы с вами поговорим, как сделать «липкий» подвал (футер) на сайте. Сделав такой футер, мы заставим его прижиматься к нижней границы окна браузера и таким образом, футер не будет подниматься вверх, если контента на странице слишком мало. Если же контента на странице много, то «липкий» футер будет себя вести, как обычно.

6
21 587
Подробнее

Clearfix на CSS

При использовании свойства float, многие новички сталкиваются с целым рядом проблем. В основном эти проблемы вызваны непониманием принципа работы свойства float и способа отмены обтекания, которое возникаем в результате применения данного свойства.

5
51 048
Подробнее

Видеофон для сайта (Video Background)

Иногда на промо-страничках или landing page, применяют такое интересное решение, как видеофон (video background). Главный плюс такого эффекта — это выделиться среди конкурентов. Ведь ваша страничка станет более необычной, чем у всех остальных. О том, как сделать видеофон, я расскажу в данной статье.

2
20 209
Подробнее

Вертикальное центрирование с помощью CSS

Горизонтальное центрирование выполнить очень легко, если мы имеем дело с блочным элементов, то для этого достаточно задать ширину данному элементу и также левый и правый отступы в значение auto, тогда наш блок примет центральное положение. Если мы имеем дело со строчным элементом, то для его родителя можно задать text-align в значение center и тогда данный элемент также выровняется по центру. Но, к сожалению, с вертикальным выравниванием не все так просто и поэтому у начинающих верстальщиков из-за этого может возникнуть ряд сложностей. Чтобы избавить вас от этих проблем, я записал видеоурок, где расскажу о самых лучших способах вертикального центрирования, которые применяются на практике.

2
1 888
Подробнее

Стилизация тега select на CSS

В одном из предыдущих уроков, мы с вами разбирали, как можно стилизовать чекбоксы и радио-кнопки. Теперь время пришло научиться менять внешний вид и у другого элемента формы, а именно у тега select. Как раз этому и посвящен данный видеоурок.

7
10 214
Подробнее

Выпадающее меню на jQuery

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

6
3 575
Подробнее

Всплывающее окно на jQuery (Часть 2)

Где-то полгода назад, я опубликовал на своем блоге видеоурок про то, как можно создать всплывающее окно на jQuery. И данный урок получил очень большой отклик. Подписчики начали задавать мне вопросы по поводу того, как можно данное окно доработать, чтобы применять его в той или иной ситуации. Поэтому я решил записать данный видеоурок, в формате вопрос-ответ, где разберу несколько самых популярных вопросов.

0
1 101
Подробнее

Частая ошибка при верстке меню

Многие новички присылаю ко мне на e-mail свои сверстанные страницы и задают вопросы, если у них что-то не получается. И почти у каждого третьего верстальщика, я вижу одну и ту же проблему, при верстке меню. Когда наводишь указатель мыши на элемент меню, то все следующие элементы, идущие за ним, начинают сдвигаться. О том, как от этого можно избавиться, я и расскажу в данном видео.

3
1 907
Подробнее

Центрируем элемент переменной ширины

Если вы занимаетесь версткой сайтов, то возможно вы встречались с ситуацией, когда требуется выравнять по центру элемент с неизвестной шириной. То есть, в классической ситуации, если требуется отцентровать элемент, мы для него должны задать свойство margin: 0 auto; и собственно конкретную, фиксированнйю ширину. В этом случае, наш элемент будет располагаться по центру. Но что делать, если элемент не имеет фиксированной ширины?

1
769
Подробнее

CSS спрайты. Создание и использование спрайтов

Спрайт — это одно большое изображения, которое в себя включаем несколько графических элементов используемых на сайте. То есть, все иконки, элементы интерфейса и другое, объединяют в одну картинку. Затем, с помощью CSS, эту картинку задают в качестве фонового изображения и благодаря background-position позиционируют ее, чтобы отобразить требуемый участок спрайта.

4
2 979
Подробнее
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
  • Страница 3 из 5