Верстка psd макета — находим подходящий размер шрифта.
Недавно во время верстки одного проекта я обнаружил следующую проблему: размер шрифта в программе “Adobe Photoshop” не соответствует аналогичному размеру шрифта в таблице стилей. То есть надпись в “Adobe Photoshop” размером, например, 24 pt выглядит намного мельче, чем текст такого же размера в окне браузера.
Размещаем блок по центру окна браузера.
В этой небольшой статье мне хотелось бы рассказать об одном простейшем способе размещения блока по центру окна браузера. В каких случаях может пригодиться данный метод?
Например, когда сайт закрыт для посетителей и нужно показать страничку с «заглушкой» или создать свою страничку, которую увидят посетители в случае ошибки 404 — объявление об отсутствии запрашиваемой страницы можно разместить в блоке в центре окна браузера.
Размещаем полупрозрачный .png в IE6.
Несмотря на то, что пользователей браузера IE6 с каждым днем становится все меньше и меньше (6,4% на август 2010 года) - поддерживать его при создании сайта все-таки необходимо. Кстати, ежемесячная статистика доступна, например, на сайте http://www.liveinternet.ru/.
Напротив, использование полупрозрачных изображений формата png при верстке макетов становится все более популярным.
Верстка блока с овальными уголками.
Задача: создать блок с овальными уголками.
Блоки с овальными уголками очень популярны и часто встречаются на различных сайтах. Способов закруглить уголки у блоков огромное количество, их без труда можно найти в Сети. Недавно, путешествуя по просторам Интернета, я нашел интересный способ создания блока с овальными уголками. Этот метод основан на абсолютном позиционировании уголков внутри блока, а также популярном сейчас способе использования спрайтов.
Создание верстки тянущейся по высоте на 100%.
Задача: создать блочную верстку макета чтобы при любом количестве текста подвал всегда был внизу окна браузера.