Форумы портала PHP.SU :: Версия для печати :: Изображение внизу экрана

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Изображение внизу экрана

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Изображение внизу экрана

Страниц (1): [1]

1. Safok - 26 Июня, 2013 - 10:34:27 - перейти к сообщению

Добрый день, помогите мне сделать нормальное отображение картинки внизу сайта, т.е оно адаптировалось под масштаб экарана.
Мой сайт: http://minecraft[dot]industrialdeluxe[dot]ru/
P.S Помогайте

2. Denkill - 26 Июня, 2013 - 14:43:37 - перейти к сообщению

CODE (html):
скопировать код в буфер обмена

<div style="position:fixed;bottom:0;width:100%;"><img src='img.img' width=100%></div>

3. Safok - 26 Июня, 2013 - 15:53:51 - перейти к сообщению

А как сделать его на фоне?

4. Denkill - 26 Июня, 2013 - 16:04:44 - перейти к сообщению

CODE (html):
скопировать код в буфер обмена

 
<style>
.back{
position:fixed;
bottom:0;
width:100%;
height:250px;
background-image:url('img.img');
background-size:cover;//CSS3
background-repeat:none;
}
</style>
<div class='back'>&nbsp;</div>

5. Safok - 26 Июня, 2013 - 17:50:17 - перейти к сообщению

Denkill пишет:

Что то не хочет работать..

В шаблон я вставил вот так:

CODE (html):
скопировать код в буфер обмена

<div style="position:fixed;bottom:0;width:100%;background-repeat:none;background-size:cover//CSS3;"><img src='{THEME}/images/pvp.png' width=100%></div>

6. Denkill - 26 Июня, 2013 - 17:53:33 - перейти к сообщению

up. Поправил ошибку
(Добавление)

Safok пишет:

CODE (html):
скопировать код в буфер обмена

<div style="position:fixed;bottom:0;width:100%;background-repeat:none;background-size:cover//CSS3;"><img src='{THEME}/images/pvp.png' width=100%></div>

Тебе же нужен фон, а это картинка.

7. Safok - 26 Июня, 2013 - 17:56:41 - перейти к сообщению

Denkill пишет:

up. Поправил ошибку

Все равно такая же песня!

8. Denkill - 26 Июня, 2013 - 17:59:56 - перейти к сообщению

CODE (htmlphp):
скопировать код в буфер обмена

background-image:url(ты вот сюда путь правильный вставил);

Путь нужно делать из папки style

Если вот такое расположение папок
style
-main.css
img.png
index.html

Тогда нужен путь ../img.png

9. Safok - 26 Июня, 2013 - 18:06:20 - перейти к сообщению

Путь правильный!
Исправь этот код как надо:

CODE (html):
скопировать код в буфер обмена

<div style="position:fixed;bottom:0;width:100%;background-repeat:none;background-size:cover//CSS3;"><img src='{THEME}/images/pvp.png' width=100%></div>

10. Denkill - 26 Июня, 2013 - 18:10:47 - перейти к сообщению

Я бы тебе дал ссылку, но под рукой нету форума экстрасенса.
Ну хоть за что нибудь зацепится.
(Добавление)

CODE (html):
скопировать код в буфер обмена

<style>
.back{
position:fixed;
bottom:0;
width:100%;
height:250px;
background-image:url('./images/pvp.png');
background-size:cover;//CSS3
background-repeat:none;
}
</style>
 
<div class='back'>&nbsp;</div>

11. Safok - 26 Июня, 2013 - 18:24:13 - перейти к сообщению

Denkill пишет:

Тоже самое что было, только еще хуже Голливудская улыбка

12. Denkill - 26 Июня, 2013 - 18:25:46 - перейти к сообщению

http://forum[dot]bitva-extrasensov[dot]ru/

13. Safok - 26 Июня, 2013 - 18:27:43 - перейти к сообщению

Denkill пишет:

http://forum.bitva-extrasensov.ru/

Ты бы еще меня на порно сайт отправил Не понял

14. Denkill - 26 Июня, 2013 - 18:30:11 - перейти к сообщению

Я тестанул у себя. Все работает.

Проверь в firebug загружена картинка или нет.

15. Safok - 26 Июня, 2013 - 18:36:08 - перейти к сообщению

Denkill пишет:

Я тестанул у себя. Все работает.

Проверь в firebug загружена картинка или нет.

Добавь пожалусто в скайп sa6kacm , а то мы с тобой воюем тут как немцы Закатив глазки