Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > background CSS

Автор: Wolf1994 9.10.2004, 16:45

Не уверен что задаю вопрос "в тему", но - как в CSS прописать background(картинку) тега body, так чтобы он оставался по центру экрана? На одной странице видел такое, но она у меня, к сожалению, не сохранилась.

Автор: ida 9.10.2004, 18:00

background-position: center, center;
background-attachment: fixed;
background-repeat: no-repeat;

если хочешь чтобы она не прокручивалась при прокрутке страницы, была в единственном экземпляре, и по центру экрана.

Автор: Alx 9.10.2004, 18:10

вот тебе ликбез!

Код

style="background:white url('images/bg.jpg') no-repeat fixed center center;"

где

white - цвет фона

url('...') - адрес до картинки

no-repeat - не повторять картинку:

repeat - повторять
repeat-x - повторять только по горизонтали
repeat-y - повторять только по вертикали

fixed - не прокручивать фон вместе с тектом, при скроллинге
(scroll - прокручивать)

center - координата по горизонтали

left
right

center - координата по вертикали

top
bottom

для последних двух можно так же задать координаты в пикселах и в процентах.

Автор: ida 9.10.2004, 18:19

ALEXANDRO, а оно сжует в таком виде?... Я всегда каждое свойство отдельно описываю...

Автор: Alx 9.10.2004, 18:23

сжуёт, сжуёт! И памяти в 12 раз меньше потребует!

Автор: GoodBoy 11.10.2004, 10:06

Цитата(ALEXANDRO @ 9.10.2004, 19:23)

сжуёт, сжуёт!

ТОЛЬКО в том случае если ты задашь ВСЕ значения!!! А если нужно задать ТОЛЬКО 1, 3 и 5???

Цитата(ALEXANDRO @ 9.10.2004, 19:23)

И памяти в 12 раз меньше потребует!

А вот с этого места по-подробнее!!!

Автор: Alx 12.10.2004, 10:02

Цитата

А вот с этого места по-подробнее!!!

я не так выразился. Я имею в виду, что места намного меньше всё это займёт -> быстреегрузится будет. Да и вообще, ну как-то удобнее, красивее, когда код оптимизирован!

Цитата

если нужно задать ТОЛЬКО 1, 3 и 5???

да ради бога! Я ж не против других вариантов!

просто этот удобнее, когда надо задать 5-6!

Автор: GoodBoy 12.10.2004, 11:46

Цитата(ALEXANDRO @ 12.10.2004, 11:02)

Да и вообще, ну как-то удобнее, красивее, когда код оптимизирован!

Цитата(ALEXANDRO @ 9.10.2004, 19:10)

style="background:white url('images/bg.jpg') no-repeat fixed center center;"

Этот вариант однозначно менее читабелен!!!!! Хотя короче!

Автор: Alx 12.10.2004, 12:15

Цитата(GoodBoy @ 12.10.2004, 11:46)

Этот вариант однозначно менее читабелен

абсолютно не согласен!!!

Автор: Gold Dragon 12.10.2004, 13:47

И что вы мудрите, из пустого в порожнее...

Эти два кода абсолютно одинаковы

Код

body{
background-image: url(../Регион/foto/alehin.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}

Код

body{
    background: url("fon.jpg") no-repeat fixed center;
}

Я использую верхний, люблю когда порядок в стилях, т.е. видно что к чему

------

Автор: Ignat 12.10.2004, 14:01

Цитата(Red @ 12.10.2004, 14:47)

position: fixed;

Может background-attachment?

Автор: Gold Dragon 12.10.2004, 14:15

Ignat
Конечно же, описался.

Автор: Georgio 18.3.2007, 12:27

А вот еще один вопрос, как сделать так, чтобы картинка, прописанная через background: url сохранялась на комп? Нигде не могу найти такую фишку (плохо ищу ((( )

Автор: Alx 18.3.2007, 13:26

чего чего? на какой комп?
пс. - создай отдельный топик

Автор: Gold Dragon 19.3.2007, 08:52

Georgio, посмотри в кэш браузера и можешь смело забирать свою картинку smile

Автор: Wolf1994 19.3.2007, 10:02

Посмотреть исходный код страницы. Найти URL картинки. Ввести его в строку браузера. Правый клик / сохранить.

Автор: Georgio 19.3.2007, 15:38

народ, вы чего, не поняли? Это моя страница. Дело в том, что я хочу, чтобы юзер, сохраняя мтраницу, сохранял АВТОМАТИЧЕСКИ ВСЕ изображения, включая те, о которых я скахал выше.

Автор: Gold Dragon 19.3.2007, 16:21

Georgio, любая HTML страница которая открылась на любом компе автоматом помещается в кэш + всё содержимое на этой страничке в том числе и картинки!!!!!

Или ты хочешь чтоб выскочило окошко с предложением сохранить картинку? smile

А вообще, с браузерах есть Файл->Сохранить->Тип файла->HTML с рисунками

Автор: Georgio 19.3.2007, 17:19

http://fr-ru.spb.ru/hist.pstgu/faculty_info/index.html

Попробуйте сохранить! Посмотрите, что получится... Где дизайн? Нет, не скачался smile

**************

В Опере скорее всего у вас получится. А как на счет Мозилы и ИЕ?

Автор: Gold Dragon 19.3.2007, 18:48

Georgio, в Oper`е сохраняется без проблем.. А вот Ослик что-то и правда не хочет smile

но только сохранять, а вот в кэш точно сохраняет, проверял.

PS
ну я осликом не пользуюсь... тупая бесполковая прога (моё мнение). smile

Автор: Georgio 19.3.2007, 20:56

1. Ослик - это что?
2. Что, предлагть юзеру зайти в кэш и т.п.

Кажется, я где то видел такую штуку, типа saved from.... Никто не знает???

Автор: Mymik 19.3.2007, 21:48

[offtop]

Цитата(Georgio @ 19.3.2007, 20:56

)

1. Ослик - это что?

Ослик это IE или Internet Explorer. Если читать аббревиатуру то получается ИЁ... почти как осел :о)

Gold Dragon, ИМХО огнелис лучше :о)... но и он не сохраняет background
[/offtop]

Автор: Georgio 20.3.2007, 15:07

Ага, если сохранять в архив, все нормально.

В ином случае - нет