CSS
Добавляем иконку предзагрузки к большим изображениям при помощи CSS
Давайте представим, что у нас есть специальная страница, содержащая одно или несколько больших изображений, и мы хотим дать знать посетителю, что изображение загружается. Для этой цели можно было бы использовать Javascript, который выводил бы иконку предзагрузки для всех изображений, которые еще не загрузились.
Дата добавления: 04.02.08
Подкатегория: Статьи
Проблемы с округлением в CSS
Посмотрите на эту страницу. Синим цветом выделены 4 плавающих блока с шириной равной 25% у каждого, которые находятся в контейнере с шириной 50px. Теперь вопрос: Какова ширина каждого блока? Ширина эта должна быть равна 12.5px, но т.к. мы можем использовать только целые значения, то приходится округлять значения. И тут же возникает вопрос: В какую сторону округлять? В большую, в меньшую или в обе? Результаты думаю вас удивят, как и меня.
Дата добавления: 31.01.08
Подкатегория: Статьи
Предварительная загрузка изображений с помощью CSS
Зачем использовать предварительную загрузку? Многие сайты используют изображения для пунктов меню. Когда вы наводите курсор на элемент меню, его изображение меняется. Иногда это происходит не сразу, а через несколько секунд. Происходит это потому что браузер не загружает изображения, появляющиеся при наведении курсора, при загрузке всей страницы. Загрузка происходит именно после наведения. Вот тут нам и поможет предварительная загрузка.
Дата добавления: 23.01.08
Подкатегория: Статьи
Учимся верстать XHTML и CSS с нуля
В этом материале будет рассмотрено практическое применение стандартов XHTML / CSS при создании веб-страниц. Статья рассчитана на базовый уровень подготовки, предполагается что читатель хоть немного знаком с понятиями верстки вообще, слыхал о HTML/XML и принципе разделения структуры информации и ее представления.
Дата добавления: 21.01.08
Подкатегория: Статьи
Градиентный текст с помощью CSS
Итак, если вы хотите создать градиентный заголовок не заморациваясь с картинками в Photoshop, вам поможет очень простой CSS трюк использующий картинку в формате PNG (никаких Javascript или Flash, только чистый CSS). Всё что вам нужно — это пустой тэг в заголовочном тэге, который будет накладываться на буквы с помощью свойства position:absolute.Тестировано на Firefox, Safari, Opera, и даже на Internet Explorer 6.
Дата добавления: 21.01.08
Подкатегория: Статьи
CSS Sprites: все, что вы знали, но боялись спросить
Сейчас уже много где написано и упомянуто про технику CSS sprites (aka CSS Image Maps). Я не буду открывать Америку и рассказывать о ней дотошно еще раз, а просто хочу привести несколько примеров и полезных ссылок. И пару советов из собственной практики.
Дата добавления: 15.01.08
Подкатегория: Статьи
CSS-методы замены текста изображениями
Web-дизайнеры, которым не нравились ограниченные возможности оформления в Web, более десятилетия заменяли текст внутристрочными изображениями. Проблема замены реального текста, например заголовка H1 элементом IMG, состоит в том, что текст полностью удаляется из исходного документа.
Дата добавления: 29.12.07
Подкатегория: Статьи
Псевдокласс :first-letter
Уже довольно давно использую псевдокласс :first-letter для назначения двух фоновых изображений для одного элемента. Самое интересное что :first-letter, один из немногих псевдоклассов, которые работают в 6-ом Интернет Эксплорере. Но есть одна маленькая хитрость, которую нужно знать. К делу. Как сказано выше, HTML элемент у нас один. Пусть это будет заголовок первого уровня.
Дата добавления: 20.12.07
Подкатегория: Статьи
Перекрывание селектов в IE6
Даже через абсолютно спозиционированные ДИВ-ы с максимальным zIndex-ом в ИЕ6 "проглядывают" селекты. Задача: подобрать HTML/CSS-способы перекрывания селектов.
Дата добавления: 09.10.07
Подкатегория: Статьи
Верстка трехколоночного макета страницы с помощью CSS
В тот момент, когда я стал переходить на дивовую верстку, а произошло это почти год назад (как быстро летит время), одним из серьезных уроков, которые я должен был освоить, был простой и удобных способ верстки трехколоночного макета страницы
Дата добавления: 20.09.07
Подкатегория: Статьи
