Подняться наверх

HTML/CSS

You are here

Резиновая верстка блоками: две колонки

Решение задачи

Ниже публикую пример простой разметки шаблона для создания валидной практически кросс-браузерной резиновой верстки. Разумеется, привожу код только для ключевых моментов. Смотрим CSS:

Стилизация таблиц с помощью CSS

Сейчас заметка будет без предисловия ;). Итак, приведу фрагмент CSS кода для стилизации элементов верстки HTML таблиц. Сам я при создании страниц таблицы не применяю, но их используют системы управления содержимым сайта (в частности Drupal, WordPress), которые в свою очередь активно использую я. Смотрим и «копипастим» сниппет:

Google Chrome как убрать выделение поля

Краткое описание проблемы

Всем известно, что по умолчанию браузер Google Chrome выделяет все многострочные и однострочные поля ввода при получении фокуса ужасного вида желто-оранжевой рамкой, которая не всегда может вписаться в задуманный внешний вид вашей веб-странички. Иными словами требуется каким-то образом от этого безобразия избавиться.

Chrome Outline

HTML и стилизация списка определений

Краткое предисловие

Несмотря на то, что сейчас троица HTML-элементов под наименованиями <dt>, <dl>, <dd> встречается не так уж и часто посреди разметки условного большинства веб-сайтов(по крайней мере я данные теги практически не использую), она всё же остается актуальной.

HTML DL DT DD

HTML и красивая стилизация блока с pre

Небольшое предисловие к материалу

Итак, повозился я немного с поиском рецепта более или менее красивого оформления HTML тега pre. Как-то типичная прямоугольная рамочка с темной обводкой да уныло-серым фоном как-то согласитесь не смотрится. А сайтик у меня так или иначе связан с тематикой программирования, потому здесь очень много исходного кода, его же надо оформлять удобным для восприятия шрифтом, стилем и т.п. Вот и решил опубликовать пример CSS-сниппета для «темизации» в качестве миниатюрной памятки.

Pages

Яндекс.Метрика

Использовано памяти на 4.665mb