Форум Сайтостроение Веб-строительство

Перестали работать стили

12
V4
На сайте с 30.09.2009
Offline
18
vol4ok
630

Добрый день всем, с наступившим!

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

.bottomcurvewhite {

background: url("https://lh3.googleusercontent.com/_DbzMmui5f48/TWwE_-1jDII/AAAAAAAAARw/6VbqDJnXOeQ/bgbottomwhite.gif") no-repeat scroll left bottom transparent;

height: 13px;

margin: 0;

}

Картинки теперь не растягиваются, хотя при этом ничего не менял в коде. Блог на бесплатном хостинге, готов дать ссылку.

Подскажите где косяк...

kdv12
На сайте с 05.12.2011
Offline
52
kdv12
#1

ссылку предоставь.

Разработка сайтов любой сложности на 1С-Битрикс. Бесплатные консультации.
N9
На сайте с 04.07.2011
Offline
11
nautilus99
#2
vol4ok:

Картинки теперь не растягиваются,

Картинка, заданная фоном и не должна растягиваться - она может только дублироваться по вертикали и горизонтали ("repeat-y" "repeat-x")

Или я не так понял суть вопроса?

V4
На сайте с 30.09.2009
Offline
18
vol4ok
#3
nautilus99:
Картинка, заданная фоном и не должна растягиваться - она может только дублироваться по вертикали и горизонтали ("repeat-y" "repeat-x")
Или я не так понял?

до определенного времени данная конструкция прекрасно работала...

kdv12
На сайте с 05.12.2011
Offline
52
kdv12
#4
nautilus99:
Картинка, заданная фоном и не должна растягиваться - она может только дублироваться по вертикали и горизонтали ("repeat-y" "repeat-x")
Или я не так понял суть вопроса?

Не надо путать народ коль не знаете ответа.

ТС, добавь в стили строку background-size: 100%;

N9
На сайте с 04.07.2011
Offline
11
nautilus99
#5
vol4ok:
до определенного времени данная конструкция прекрасно работала...

Картинки у вас не растягивались, а дублировались, скорее всего по вертикали. И не в этом блоке, который вы привели. Ищите по соседству блок со значением "repeat-y", возможно он является родительским блоком .bottomcurvewhite.

А проблема скорее всего в неверном расширении: по указанному адресу изображение в формате не .gif, а .png

Друзья, помогите с глюками Разное отображение макетов в Одинаковая высота колонок
kdv12
На сайте с 05.12.2011
Offline
52
kdv12
#6

А вообще ТС, смотри в сторону CSS3. Все закругления там делаются на раз,два. И без картинок.

N9
На сайте с 04.07.2011
Offline
11
nautilus99
#7
kdv12:
Не надо путать народ коль не знаете ответа.

ТС, добавь в стили строку background-size: 100%;

Для блока, с высотой 13px, задано фоновое изображение, разрешением 512px x 15px - при чем тут background-size:?

Еще раз говорю: по этому адресу: https://lh3.googleusercontent.com/_DbzMmui5f48/TWwE_-1jDII/AAAAAAAAARw/6VbqDJnXOeQ/bgbottomwhite.gif картинка в формате не .gif, а .png

шапка в адаптивном дизайне Будут ли индексироваться картинки, Помогите разобраться! :) (СДЛ-проект)
V4
На сайте с 30.09.2009
Offline
18
vol4ok
#8
kdv12:
А вообще ТС, смотри в сторону CSS3. Все закругления там делаются на раз,два. И без картинок.

да, это мысль, шаблон старый, используются старые приемы...

Спасибо

kdv12
На сайте с 05.12.2011
Offline
52
kdv12
#9
nautilus99:
Для блока, с высотой 13px, задано фоновое изображение, разрешением 512px x 15px - при чем тут background-size:?
Еще раз говорю: по этому адресу: https://lh3.googleusercontent.com/_DbzMmui5f48/TWwE_-1jDII/AAAAAAAAARw/6VbqDJnXOeQ/bgbottomwhite.gif картинка в формате не .gif, а .png

При чем здесь разрешение? Уважаемый, не оправдывайте свою репутацию. Вот вам ссылока для изучения - http://htmlbook.ru/css/background-size

V4
На сайте с 30.09.2009
Offline
18
vol4ok
#10
kdv12:
Не надо путать народ коль не знаете ответа.

ТС, добавь в стили строку background-size: 100%;

background-size: 100%; помогло, еще раз спасибо

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий