Архив рубрики ‘HTML/CSS’

Форматирование CSS

Частенько сталкиваюсь с тем, что приходится разбираться в чужом коде. И каждый раз он написан по-разному. Особенно это касается языков, не предусматривающих строго форматирования (вроде Ruby или Python’а).
Для того, чтобы ускорить и упростить понимание плохо “отинденченного” чужого кода, удобно пользоваться бьютифайерами (от англ. beautify – украсить). Они расставляют отступы в соответствии с индустриальными стандартами, и [...]

Далее »

Исчезающие подписи в полях ввода

Какой Веб-проект обходится без полей ввода? А какие поля ввода – без подписей?
Наиболее распространенный способ оформления подписей у полей ввода – это делать их непосредственно в самих полях, окрашивая чуть менее выразительным цветом, чем основной текст. Например, вот так:
Я перепробовал много решений, но в итоге пришел к красивому, а самое главное – валидному решению, не [...]

Далее »

Расположить элемент по центру по горизонтали

Есть несколько способов расположить DIV по центру родительского элемента.
Самый простой, присвоить ему следующий CSS-стиль:
div {
width: 100px;
margin: 0 auto;
}

Далее »

Сброс параметров CSS по-умолчанию для всех браузеров

Для меня любая верстка начинается с “вешалки” – с CSS-кода, который призван сбросить все параметры, принятые по-умолчанию у разных браузеров.
Эти разные “умолчания” приводят к тому, что такие элементы как списки, поля ввода, таблицы, изображения могут получить лишние границы, margin’ы и padding’и. Причем это варьируется от браузера к браузеру.
Именно для того, чтобы таких сюрпризов в ходе [...]

Далее »