Архив рубрики "CSS-верстка"

CSS-трюк: IE, таблица и “резиновые” изображения

16 декабря 2009 г.

Антон Молодой подкинул мне идею для этого поста. Он столкнулся с проблемой, с которой с моей косвенной помощью сам же и справился. Я с этим багом (да, речь пойдет об очередном баге IE) никогда не сталкивался, поэтому решил написать об этом пост, во-первых, как шпаргалку для себя на будущее, во-вторых, вдруг кто-то из читателей и посетителей ... читать полностью »

FireFox и вертикальное выравнивание текста в input[submit]

30 ноября 2009 г.
FireFox и вертикальное выравнивание текста в input[submit]

Либо я плохо искал, либо проблема только у меня и я чего-то не знаю (в чем сомневаюсь), но в Интернете по сабжу ничего не нашел. Поэтому данный пост - это вопрос к читателям. При верстке форм я давно наблюдаю следующую проблемную ситуацию: независимо от версии браузера FireFox, в которой смотрится страница, вертикальное выравнивание текста в кнопке, ... читать полностью »

CSS-трюк: фиксируем большой бэкграунд относительно контента

21 октября 2009 г.

В статье используется изображение из примера к статье How to: CSS Large Background. Рассмотрим такую ситуацию - нужно создать страницу фиксированной ширины, к примеру, 900 пикселей, с контентом, расположенным горизонтально по центру относительно окна браузера. И необходимо на этой странице поместить большой фон (тоже горизонтально по центру), ширина которого значительно больше ширины нашего отцентрированного блока с ... читать полностью »

CSS-свойство text-shadow преобразит текст на вашем сайте

8 июля 2009 г.
CSS-свойство text-shadow преобразит текст на вашем сайте

Был удивлен, когда, погуглив по данному блогу, обнаружил, что я ни разу не писал о таком замечательном CSS-свойстве, как text-shadow. А ведь оно стоит внимания, тем более, что с недавнего времени к поддерживающим его браузерам присоединился вышедший некоторое время назад FireFox 3.1. Таким образом, на сегодняшний день text-shadow, которое описано в спецификации CSS3 (ранее было ... читать полностью »

Обновление CSStemplater.com (CSS Layout Generator)

29 июня 2009 г.
Обновление CSStemplater.com (CSS Layout Generator)

На сайте CSStemplater.com, который представляет из себя генератор HTML+CSS шаблонов проведено обновление, которое включает ряд нововведений различного характера: Появилась возможность задавать произвольные параметры у прежних опций, это: ширина макета; минимальная ширина макета; ширина левого и правого сайдбаров. Появились новые опции: CSS reset (сброс стилей); высота хэдера (шапки); высота футера (подвала). Доработан интерфейс: текст в логотипе заменен на русский; изменено оформление блоков; реализован красивый вывод сообщений об ... читать полностью »

10 фиксов, решающих проблемы Internet Explorer 6

7 марта 2009 г.

Данный пост основан на переводе интересной англоязычной статьи “10 Fixes That Solve IE6 Problems“. Информация, изложенная ниже, будет полезна как начинающим верстальщикам, там и бывалым. Зеленым цветом я пометил пункты, содержимое которых полностью совпадает с моей точкой зрения и подтверждено моей практикой. Букв много, не пугайтесь =) Так исторически сложилось, что браузер Internet Explorer 6, выпущенный ... читать полностью »

“Резиновая” ширина колонок + эмуляция высоты

13 февраля 2009 г.

Крайне редко мне доводится верстать полностью резиновые макеты, т.е. когда требуется “резиновая” ширина не только для самой страницы, но и для всех колонок (как правило, боковые колонки на моей практике бывают фиксированной ширины). И вот недавно такой случай попался. И это меня немножко поднапрягло =) Пытался искать в Интернете решение похожей задачи, но совсем ничего не ... читать полностью »