Записи Друзья Комментарии

anatoliah anatoliah

Аватар anatoliah

-Видео

Люля- кебаб

Смотрели: 232 (0)

Суп из шампиньенов

Смотрели: 88 (0)

Вишня в собственном соку

Смотрели: 483 (1)

Вишня в собственном соку

Смотрели: 262 (0)

Уха по архиерейски

Смотрели: 64 (0)

-Цитатник

ДЕВ'ЯТНИЦЯ ДО СВЯТОГО ШАРБЕЛЯ - (0)

ДЕВ'ЯТНИЦЯ ДО СВЯТОГО ШАРБЕЛЯ Вступна молитва на кожен день дев'ятниці Нескінченно Святи...

Грибной паштет - (0)

Грибной паштет - чудесный вкус и неповторимый аромат! Немногие умеют готовить грибной паштет и ...

Просто сало... - (1)

Просто сало... Разбирала свои старые рецепты и наткнулась на этот, обязательно приготовлю такое с...

ЗАГОТОВКИ НА ЗИМУ (ПОДБОРКА РЕЦЕПТОВ) - (3)

Заготовки на зиму Заготовки на зиму Малосольны...

ОТВОРЯЮЩИЙ ПАМЯТЬ - (0)

ОТВОРЯЮЩИЙ ПАМЯТЬ ОТВОРЯЮЩИЙ ПАМЯТЬ ( для улучшения интеллекта ...

-Музыка

НУ ОЧЕНЬ РОМАНТИЧЕСКИЙ САКС...

Слушали: 45930 Комментарии: 0

Era feat. Oliver Shanti - Sacral Nirvana

Слушали: 2671 Комментарии: 0

Тантра-растворение в Любви.

Слушали: 131290 Комментарии: 0

Симфония моря

Слушали: 114409 Комментарии: 0

Саксофон, флейта и дудук. - Душа абрикосового дерева.

Слушали: 81478 Комментарии: 1

-Фотоальбом

Общая

22:12 09.01.2011

Фотографий: 3

-Поиск по дневнику

-Подписка по e-mail

-Статистика

Создан: 07.08.2009
Записей: 1485
Комментариев: 164
Написано: 1742

Отчеты:
Посетители
Поисковые фразы

Выбрана рубрика Photoshop.

Другие рубрики в этом дневнике: Религия/Иконы(27), коллекция программ(199), ДЕЛАЕМ ДЕНЬГИ.(73), Автошкола(1), *™Домик/ремонт*(77), *™ Домашний погребок*(111), *Рецепты от 100 бед "Бабушка"*(185), *Разное-Интересное*(206), *Радио и TV*(94), *Кулинария*(378), § Мантры(10)

Комментарии (0)

Как поместить фоновый рисунок в правый нижний угол страницы?

Воскресенье, 09 Января 2011 г. 12:21 + в цитатник
Это цитата сообщения EgoEl [Прочитать целиком + В свой цитатник или сообщество!]

Как поместить фоновый рисунок в правый нижний угол страницы?

Как поместить фоновый рисунок в правый нижний угол страницы?

Для управления положением фонового рисунка на странице применяется стилевое свойство background-position, оно одновременно устанавливает координаты изображения по горизонтали и вертикали. Чтобы отменить повторение фоновой картинки используется свойство background-position со значением no-repeat. В то же время все эти свойства можно заменить одним универсальным background, которое задает путь к графическому файлу, положение картинки и способ ее повторения, как показано в примере 1.

Добавление фонового рисунка к селектору BODY имеет одну особенность. Картинка будет располагаться не внизу страницы, а внизу блока с контентом, что особенно заметно при небольшом объеме текста или увеличении размеров окна браузера. Установив высоту 100% для селектора HTML, тем самым обеспечим позиционирование фона в правом нижнем углу окна браузера.

Пример 1. Положение фоновой картинки

XHTML 1.0CSS 2.1IE 6IE 7IE 8Cr 5Op 10Sa 5Fx 3.6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>Положение фонового рисунка</title>

  <style type="text/css">

   HTML {

    height: 100%; /* Высота страницы */

   } 

   BODY {

    background: 

     url('images/tomatos.jpg') right bottom no-repeat; /* Путь к файлу с изображением,

                                                   положение в правом нижнем углу

                                                   и отмена повторения фона */

     margin-right: 200px; /* Отступ справа */

   }

  </style>

 </head>

 <body>

   <h1>Консервы из помидор</h1>

   <p>Плоды отбирают с хорошей ровной окраской, плотные и однородные по размеру, 

   укладывают в банки и заливают кипящим рассолом (на 1 л воды - 35 г поваренной соли 

   и 6г лимонной кислоты). Банки прикрывают крышками и ставят на прогревание, 

   выдерживая в кипящей воде: литровые - 5-8, трехлитровые - 12-15 мин. Затем их 

   укупоривают и охлаждают.</p>

   <p>Примерный расход сырья и продуктов на литровую банку: помидоров красных 

   отборных - 550-600 г, соли - 15 г, лимонной кислоты - 3 г.</p>

  </body>

</html>

Результат данного примера показан ниже (рис. 1).

Фоновая картинка в правом нижнем углу окна

Рис. 1. Фоновая картинка в правом нижнем углу окна

В данном примере изображение позиционируется в нужном месте с помощью значений right bottom свойства background. Чтобы текст не отображался поверх рисунка, справа на странице добавлен отступ через margin-right. Само изображение, которое использовалось в текущем примере, хранится в формате JPEG и продемонстрировано на рис. 2.

Изображения для создания фона на веб-странице

Рис. 2. Изображения для создания фона на веб-странице

источник

Ну, вот, практически и закончились основные Новогодние праздники, круговерть готовки и уборки прошла, но вода в моей кухонной мойке так и не проходит, жир, остатки пищи, все это последствия длительных праздников. Мужа вечно не допросишься - ему все некогда, тогда придется сделать Срочный вызов сантехника на дом. Вызвать сантехника в Москве, пусть этим занимаются профессионалы)

Мое желание на данный момент: хочу лета и тепла, хочу море и отдых. Рылась в нете с целью осуществить свое желание и вот он сайт, где можно осуществить свой отдых без посредников в Судаке. Вот узнаю все поподробнее и Вам расскажу)

Рубрики:

LiveInternetLiveInternet

-Видео

-Цитатник

-Музыка

-Фотоальбом

-Поиск по дневнику

-Подписка по e-mail

-Статистика

Как поместить фоновый рисунок в правый нижний угол страницы?

Они разбиты на 6 групп: