Верстка \ HTML&CSS

Как делается в html всплывающая подсказка?

От автора: здравствуйте. Всплывающая подсказка — это небольшой поясняющий текст, который появляется при наведении на какой-то элемент, обычно на картинку. Сегодня мы посмотрим, как можно сделать в html всплывающую подсказку разными способами.

Продолжить чтение

Верстка \ HTML&CSS

Календарь для поля input формы

От автора: приветствую вас, друзья. Из этой статьи вы узнаете, как прикрутить календарь для поля input формы Bootstrap. Поскольку мы будем использовать CSS фреймворк Bootstrap, воспользуемся уже готовым расширением для Bootstrap, чтобы добавить календарь. Приступим?

Продолжить чтение

Верстка \ HTML&CSS

Способы управления расстояниями в веб-типографике

От автора: если в 2006 году вы уже писали сайты, вы могли сталкиваться с такими дизайнерами, как я, которые скрупулезно подходили к вопросу шрифтов, но не сравнивали, как они выглядят на макете и в браузере. Вы, возможно, пытались объяснить таким, как я, что такое кроссбраузерная совместимость, и как разные браузеры по-разному отображают эти шрифты. Я же высылал вам в ответ изображение с контентом, не утруждая себя проверить, что текст во всех браузерах смотрится одинаково. Да, я был одним из таких дизайнеров.

Продолжить чтение

Верстка \ HTML&CSS

Размер картинки в html: как им управлять?

От автора: приветствую вас. Картинки — практически один из самых важных элементов на веб-страницах. Благодаря им нам значительно проще и интереснее воспринимать то, что мы видим на экране. Но если заводить речь об их встраивании в веб-страницы, то нужно знать как минимум то, как управлять размером картинки в html. Именно об этом мы сегодня поговорим.

Продолжить чтение

Верстка \ HTML&CSS

Визуальный редактор HTML

От автора: приветствую вас, друзья. В этой статье мы с вами научимся устанавливать и настраивать визуальный редактор HTML для текстовой области (textarea) вашей формы. В качестве визуального редактора мы используем CKEditor. Статья рассчитана на новичков.

Продолжить чтение

Верстка \ HTML&CSS

Как получить список стран для HTML формы

От автора: приветствую вас, друзья. В данной статье мы с вами продолжим тему того, как получить список стран для HTML формы. Напоминаю, в первой части статьи мы с вами фактически реализовали данную задачу. Однако, есть небольшой нюанс — в значении тега option вместо страны указан код телефона, т.е. вариант получился не совсем гибким. Попробуем усовершенствовать его. Продолжим?

Продолжить чтение

Верстка \ HTML&CSS

Как сделать с помощью css блоки в линию?

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

Продолжить чтение

Верстка \ HTML&CSS

Как получить список стран для HTML формы

От автора: приветствую вас, друзья. Из этой небольшой статьи вы узнаете, как можно быстро получить список стран для HTML формы. Это может вам потребоваться в том случае, когда вы создаете, допустим, форму регистрации на сайте и хотите знать, из каких стран регистрируются у вас на сайте пользователи. Начнем?

Продолжить чтение

Верстка \ HTML&CSS

Валидация форм. Атрибут pattern в HTML5

От автора: приветствую вас, друзья. В предыдущей статье мы достаточно легко и просто реализовали простейший механизм валидации полей формы, используя типы полей email и url. Однако таким образом мы можем проверить только ограниченный набор форматов данных. Как же быть? Все просто — используем атрибут HTML5 — pfttern. Приступим.

Продолжить чтение