Skip to content
  • Главная
  • Собираем HTML и CSS приемы
  • Следим
  • Без цензуры
  • Учимся Javascript, CSS, HTML
  • Cправочник HTML, CSS, Javascript
Главная/ Собираем HTML и CSS приемы/ HTML и CSS приемы | Обходим баги, находим интересные решения/ Pozitsionirovanie

Статьи этого раздела
  • Content
    • CSS 3D лента
    • CSS3 всплывающие подсказки
    • IMG внутри блока — убираем странный отступ
    • IMG: меняем рисунок при наведении
    • Аккордеон на чистом CSS3
    • Валидный target=»_blank»
    • Верстка содержания
    • Вставка спецсимволов в генерируемый контент
    • Вставка стрелок без использования картинок
    • Индивидуальные стили для li. Избавляемся от классов.
    • Красивая верстка рейтингов
    • Масштабируемая картинка в резиновой колонке
    • Многоколоночный текст на CSS3
    • Нестандартное подчеркивание ссылок. Да и не только ссылок
    • Отменяем обтекание текстом картинки
    • Оформление изображений по атрибуту align=left/right
    • Оформление внешних ссылок
    • Оформляем «ol»
    • Правильные анонсы новостей
    • Список определений. Требуем невозможного.
  • Css Effects
    • Анимированный поворот вокруг своей оси на CSS3
    • Поворот объекта вокруг свой оси на CSS3
  • Css Tricks
    • «Дергание» сайта
    • background position со смещением
    • Clearfix — очищение потока элементов с сохранением структурной верстки
    • CSS хаки для IE6, IE7, Opera, Firefox, Safari, Chrome
    • RGBA — CSS полупрозрачность
    • Кроссбраузерная CSS прозрачность (opacity)
    • Кроссбраузерное полупрозрачное затемнение фона
    • Кроссбраузерный <hr /> | толщина линии, цвет, отступы, выравнивания, бордюры, фон
    • Кроссбраузерный <hr /> | толщина линии, цвет, отступы, выравнивания, бордюры, фон
    • Обнуление отступов (margin / padding) с помощью универсального селектора
    • Порядок описания ссылок
    • Предварительная загрузка изображений
    • Сброс стилей с помощью CSS | Reset CSS с комментариями
    • Сокращения в CSS | минимизируем CSS код
    • Убираем пунктирную рамку вокруг элементов в фокусе с помощью CSS и Javascirpt
    • Условные CSS — намного круче, чем условные комментарии
    • Условные комментарии
  • Different
    • Favicon — подключение, форматы, заметки
    • Как обойти дополнение для браузера Skype версткой
    • Профилактика сайта: максимально простое оповещение
    • Ссылки на skype: звонок на skype или телефон, конференция, чаты и прочие возможности
  • Glyuki Brauzerov
    • Firefox
    • IE
    • Ie6
    • Opera
    • Раздел
  • Karkas Verstki
    • Блоки равной высоты в строке
    • Выравниваем сайт по центру экрана
    • Как прижать футер (подвал) к низу экрана | решение очень простое
    • Колонки одинаковой высоты | 3 способа
    • Ресайз окна: потомок перерос родителя
    • Фиксированная колонка + резиновая + clear:both
  • Mobiles
    • HTML шаблон для мобильных устройств
  • Navigation
    • Выпадающее меню с помощью CSS
    • Выравнивание навигации из блоков по центру
    • Выравнивание навигации по середине
    • Как избавиться от дополнительного класса для первого элемента
    • Резиновое меню без таблиц и javascript
    • Резиновое меню из блоков без таблиц
  • Overclock Site
    • CSS треугольники
    • CSS3 шаблоны градиентов
    • Аппаратное ускорение анимации
    • Встраиваем изображения — data:URL
    • Градиент: CSS3 против CSS2 + картинка
    • Лесенка спрайтов — сложный случай поклейки
    • На одну картинку меньше. Спецсимвол &times;
    • Необычные тени с CSS3 box-shadow
    • Оптимизация Google Web Fonts
    • Оптимизация фонов с помощью Canvas
    • Псевдоэлемент before для маркера списка | маркер спецсимволом
    • Скругление углов. Обзор методов.
    • Сокращаем по максимуму HTML5 код
    • Спрайты: меньше картинок — больше скорость
    • Тень для блока без использования картинок
    • Фигуры с углами на CSS
  • Pozitsionirovanie
    • Box-sizing: переключаем блочную модель
    • inline-block: простое свойство для непростых задач
    • Вертикальная позиция для строчного (inline) элемента
    • Вертикальное выравнивание по центру относительно родителя
    • Вычисляемые отступы
    • Два в одном: позиция + размеры
    • Долой отступы между строчными элементами (и блоками)
    • Обходим схлопывание margin
    • Центрирование картинки в блоке
    • Центрирование резинового блока по горизонтали
    • Элемент с position: absolute по центру родителя
  • Rabota S Flash
    • Активация flash при загрузке страницы
    • Вставка flash в HTML | кроссбраузерно и по стандартам
    • Вставляем ролик с YouTube
    • Как отключить flash (Opera, IE6, IE7, Safari)
    • Как перекрыть flash — добавить параметр wmode
    • Параметры для вставки объектов
    • Ссылка на flash объекте
  • Typographics
    • @font-face в деталях
    • @font-face. Нестандартный шрифт средствами CSS.
    • Cufon — нестандартный шрифт средствами JS
    • font-size: 100.01% для html — решение для некоторых багов
    • Безопасные шрифтовые CSS стеки для англоязычных текстов
    • Безопасные шрифтовые CSS стеки для рунета
    • Верстальщику о шрифтах | безопасные шрифты
    • Верстальщику о шрифтах | Соответствия шрифтов Windows, Mac и Unix/Linux
    • Вертикальный текст на CSS
    • Используем псевдоэлемент :first-letter
    • Контур для текста на CSS
    • Нестандарный шрифт. Быть ему или нет?
    • Плавающий :first-letter
    • Подмена текста изображением — правило хорошего тона
    • Строчный :first-letter
    • Текст под углом
    • Текст с CSS градиентом
    • Тень для текста: актуальность и возможности
    • Эффект отражения текста на CSS
  • Verstka Form
    • cuSel — нестандартные select на jQuery
    • cuSelMultiple — список с возможностью множественного выбора на jQuery
    • Блочная верстка форм
    • Кастомные checkbox и radio на CSS3
    • Кроссбраузерное отображение input и textarea
    • Кроссбраузерный button
    • Нестандартные checkbox | стильные чекбоксы
    • Нестандартные radio | стильные радиобатоны
    • Нестандартные поля выбора файла
    • Нестандартные текстовые поля
    • О кроссбраузерности placeholder
    • Отключить resize для textarea в Safari и Chrome
    • Оформление input type=search
    • Резиновая кнопка для формы (используя input)
    • Текст в поле type=»password»
    • Убираем отступы у checkbox и radio
Инфо
  • О проекте
  • О материалах
  • Карта сайта
Разделы
  • HTML и CSS приемы
  • Сервисы
  • Уроки
  • Cловарь терминов
  • HTML справочник
  • CSS справочник
© 2009-2022 mpbox.ru Справочник HTML, CSS, Javascript.