| |
|
|
| | Подскажите, как прописать в файле css фон для body который состоит из нескольких картинок?
Фон я разбил на 16 квадратов, т.к. формат png и будет долго грузиться если целиком, а таблицами делать не хочу, потому что впоследствии при внесении контента сайта будет очень неудобно, ну это должно быть очевидно))
Буду очень рад правильному ответу! | |
| |
|
|
| |
|
|
| |
для: Blizard
(09.02.2010 в 20:11)
| | | или грузить одним фалом для тега body, или создавать под каждую картинку отдельный блок с необходимым позиционированием | |
| |
|
|
| |
|
|
| |
для: Lelik
(09.02.2010 в 20:27)
| | | А как позиционировать относительно центра страницы если картинка разбита как 4х4 (16 квадратов) и нужно чтобы было по центру независимо от разрешения пользователя? | |
| |
|
|
| |
|
|
| |
для: Blizard
(09.02.2010 в 20:36)
| | | см. position: absolute; это для позиционирования блоков
http://htmlbook.ru/css/position.html
и отсупы:
http://htmlbook.ru/css/margin.html
http://htmlbook.ru/css/padding.html
позиционирование фона
http://htmlbook.ru/css/background-position.html | |
| |
|
|
| |
|
|
| |
для: Lelik
(09.02.2010 в 20:43)
| | | Все равно не могу понять, как данные вырезки из учебника могут решить мою задачу.
Я понимаю как картинку поставить посередине экрана относительно горизонтали посредствам css, я не понимаю как это сделать с 16 картинками!
BODY {
background-image: url('URL'); /* вот как в адресе задать, что картинка не одна? и их положение отнсительно друг друга */
background-position: top center;
background-repeat: no-repeat;
}
Lelik, ну я правда не догоняю как это сделать)) | |
| |
|
|
| |
|
|
| |
для: Blizard
(09.02.2010 в 20:57)
| | | тебе надо сделать абсолютно позиционирований блок, в который впихнуть ещё 17 и их расположить в этом блоке так как тебе это необходимо:
<style>
#bg {position: absolute; z-index: 1; top: 0px; left: 50%;}
#bg_reducer {position: relative; z-index: 1; top: 0px; left: -50%; width: тут ширина блока в пикселах, обязательно!}
#bg_1 {position: absolute; z-index: 1; top: 0px; left: 0px; background: url('i/img-1.jpg') 0 0 no-repeat;}
/* для блоков с фоновыми картинками обязательно указывать высоту и ширину */
</style>
<body>
<div id="bg">
<div id="bg_reducer">
<div id="bg_1"></div>
...
<div id="bg_16"></div>
</div>
</div>
</body>
|
но лучше сделать всё одной картинкой, меньше возни с кодом + меньше запросов за картинками на сервак | |
| |
|
|
| |
|
|
| |
для: Lelik
(09.02.2010 в 21:05)
| | | Всё получилось! благодарю! | |
| |
|
|
