К основному контенту

CSS верстка 2

Сейчас модно делать фон картинкой у странички, которая расположена по центру



Здесь мои мысли: как сделать фон для странички которая выравнивается по центру


как сделать фон для странички которая выравнивается по центру? Это просто:
Когда все готова в Photo Shop. нужно знать размеры патернов текстуры для заднего фона.
далее делаем слайс такого размера в фотошопе и выравниваем его строго по центру и строго по верху, центр лучше искать не просто выравнивая. а так чтобы тело было размером в четное колличество пикселей, иначе браузер не сможет ровно разделить участки по полам, и по этому может быть баг размером в пиксел или два.

соблюдать надо два правила, чтобы все слайсы с фоном шли с учетом верхней границы и с учетом центра,

например для тела я делаю горизонтальную полоску во весь лист и повторяю его до самого низа, а высота этой полоски должна равняться высоте Патерна того маленького, который для прорисовки задней текстуры.
итак,
фон Body будет выравниваться по центру и по верху. так что текстура странички тоже будет совпадать и будет выравниваться по центру и по верху. ниже заголовка идет тело где будет также повторяться фон по центру и с шагом патерна.
да надеюсь понятно, что заднюю текстуру нужно также вырезать по центру и верхнего края.


FOOTER  если верстаете DIVами не забывайте указывать clear:both; это необходимо завершать обтекание.
обтекание завершается и фоны например у меня это белый лист, заливка корректно завершается...

Комментарии

Популярные сообщения из этого блога

Русская кодировка ASCII, ANSI и UTF-8, windows-1251 (CR, LF, CR LF)

Что нужно знать: Encoding – это кодировка для вывода данных (UTF-8, windows-1251) Line Endings – формат строк (CR, LF, CR LF) Byte Order Marker (BOM) – системная область в начале файла. LF – используется в UNIX вместе с кодировками UTF-8 или windows-1251 CR – используется в MAC системах. на сервере лучше использовать кодировку ANSI это и есть кириллица (Windows), символ занимает 1 байт (оптимизированный ASCII) UTF-8 может содержать заголовок BOM который содержит системную информацию, символ занимает 2 байта wysiwyg редакторы добавляют метатег в html страницы с кодировкой кирилицы. это не очень хорошо, если сервер настроен на UTF-8, в этой кодировке корректно работают некоторые библиотеки приложения и прочие

Как узнать время включения/выключения компьютера.

Способов масса, одни из них: в журнале событий windows  выбрать eventlog, теперь в таблице легко найти события с кодами: 6005 - событие остановки eventlog - компьютер выключился 6006 - событие запуска eventlog - компьютер включился обычно эта служба запускается и остонавли во время включения/выключения компьютера, и пишет в журнале событий системы код события и время.

Сделать свой Трекер

Что надо для того что-бы установить и поддерживать трекер на базе TBdev в рабочем состоянии:    1. Веб-сервер с поддержкой PHP (например Apache или LightTPD).    2. PHP версии 5.1.1 или выше.    3. Сервер базы данных mySQL версии 4.1 или выше, лучше 5.0.    4. Любая оболочка для работы с СУБД mySQL (например phpMyAdmin 2.9.2 или EMS SQL Manager 2007 Pro for mySQL. Так-же важными компонентами являются:    1. Прямые руки v1.0    2. Базовое знание английского языка.    3. Понимание принципа "Понимание ошибки - половина ее решения". Рабочее окружение в котором трекер разрабатывается (поможет создать похожее на вашем хостинге и улучшить работу трекера) и работает лучше всего:    1. Веб-сервер LightTPD 1.4.16 скомпилированный под ОС Windows.    2. PHP 5.2.1 скомпилированный в режиме Fast-CGI.    3. Сервер базы данных mySQL версии 4.1.16.