[РЕШЕНО] не получается вставить шапку на форум

[nikytt]

Вот я вставил ссылку на картинку в css, но ничего не появляется в чем ошибка

#logostrip { background: transparent url(http://wampi.ru/image/x74jx);
background-repeat:no-repeat;
}

Шапку хочу сюда вставить.

Решение:
http://www.programmersforum.ru/showp...42&postcount=4

[Вадим Мошев]

Ссылка на картинку должна быть прямой, а вы ссылаетесь куда-то не веб-страницу.

Попробуйте так:

#logostrip {
	background-image: url(http://s4.wampi.ru/2016/01/06/SAPKA.png);
	background-repeat: no-repeat;
}

Хотя я бы вообще посоветовал вам залить эту картинку на свой серевер (там где у вас форум лежит), и ссылаться "локально":

background-image: url(images/SAPKA.png);

и ещё совет. Вы бы все файлы на сервере называли только маленькими буквами...

[nikytt]

Сообщение от Вадим Мошев

Ссылка на картинку должна быть прямой, вы же ссылаетесь куда-то не веб-страницу.

Попробуйте так:

#logostrip {
	background-image: url(http://s4.wampi.ru/2016/01/06/SAPKA.png);
	background-repeat: no-repeat;
}

я загрузил на сервер картинку и получил ссылку,


попробовал и так все равно ничего не появилось

[Alex11223]

Дык http://wampi.ru/image/x74jx это ссылка на страницу с картинкой (и кучей других элементов и картинок), а не саму картинку. Как браузер должен понять что именно с этой страницы взять надо?

А с http://s4.wampi.ru/2016/01/06/SAPKA.png должно работать. Видимо теперь проблема в чем-то другом. Например в нулевом размере элемента.

#logostrip {
    background-image: url(http://s4.wampi.ru/2016/01/06/SAPKA.png);
    background-repeat: no-repeat;
    width: 500px;
    height: 300px;
}

[nikytt]

Сообщение от Alex11223

Дык http://wampi.ru/image/x74jx это ссылка на страницу с картинкой (и кучей других элементов и картинок), а не саму картинку. Как браузер должен понять что именно с этой страницы взять надо?

А с http://s4.wampi.ru/2016/01/06/SAPKA.png должно работать. Видимо теперь проблема в чем-то другом. Например в нулевом размере элемента.

#logostrip {
    background-image: url(http://s4.wampi.ru/2016/01/06/SAPKA.png);
    background-repeat: no-repeat;
    width: 500px;
    height: 300px;
}

спасибо появилось, но такой еще вопрос экрана то шапка при 100% немного не хватает до конца с права, а когда уменьшаю изображение сбивается в левый угол, а правая часть шапки становится белой

как бы зафиксировать и чтобы картинка растянулась на всю ширину окна?

[Вадим Мошев]

#logostrip {
    background-image: url(http://s4.wampi.ru/2016/01/06/SAPKA.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px; /*Лучше взять высоту картинки, она равна 334px*/
}

[nikytt]

Сообщение от Вадим Мошев

#logostrip {
    background-image: url(http://s4.wampi.ru/2016/01/06/SAPKA.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px; /*Лучше взять высоту картинки, она равна 334px*/
}

спасибо все четко получилось!