Отправляет email-рассылки с помощью сервиса Sendsay

Рецепты HTML

Рассылка закрыта

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Июль 2001   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Влад Мержевич

Статистика

12.722 подписчиков
-26 за неделю
←   Все выпуски   →

Рецепты HTML


Служба Рассылок Subscribe.Ru проекта Citycat.Ru

Рецепты HTML. Новости сайта

На сайте опубликована статья, посвященная размещению фона на странице посредством стилей (http://html.krsk.ru/css/bg-fixed.html).
Задача стоит следующая. Необходимо разместить фоновую картинку в одном из углов веб-страницы или ее таблицы при помощи стилей. Для того, чтобы поместить рисунок в виде фона на веб-странице надо прописать следующий код.

Пример 1. Фон на веб-странице

<html>
<style type="text/css">
<!--
body { background-attachment: fixed; background-image: url(mybg.gif); background-repeat: no-repeat; background-position: right bottom }
-->
</style>

<body>
     Содержимое страницы
</body>
</html>

Имя рисунка и путь к нему пишется внутри параметра url (например, url(mybg.gif)), а положение фона определяется параметром background-position. У него два значения, положение по горизонтали (может быть - right, left, center) и вертикали (может быть - top, bottom, center). В примере 1 фон будет помещен в правый нижний угол страницы. Если нужно определить рисунок в левом верхнем углу, то надо задать следующий вид: background-position: left top.

Если надо поместить фон в таблице, то стиль останется точно таким же, а изменения коснутся только его применения.

Пример 2. Фон в таблице

<html>
<body>

<table>
<tr><td style=""background-attachment:" fixed; background-image: url(mybg.gif); background-repeat: no-repeat; background-position: left top">

   Содержимое таблицы

</td></tr>
</table>

</body>
</html>

Тут может возникнуть проблема, связанная с разной интерпретацией CSS браузерами Netscape и Internet Explorer. У последнего работает все корректно, а вот Netscape помещает фон не в угол ячейки, как было бы правильно, а в угол страницы. Поэтому в разных браузерах пример 2 будет работать и показываться по разному. Как добиться однообразия пока не знаю, будут идеи - пишите, обсудим.

Влад Мержевич
Рецепты HTML (http://html.krsk.ru)

http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться Рейтингуется SpyLog
В избранное