Пришёл конец моему терпению, обращаюсь за помощью.
Пожаааалуйста!
читать дальшеКак сделать так, чтобы на одной интернет-странице было два фона? Не надо мне табличек с фонами, мне необходимо, чтобы оба фона были background.
Выглядеть должно так: sam-tt.ru/
Я хочу облегчить сайт (фон очень тяжёлый), поэтому картинку-бордюрчик (где собаки и львы) отделила от остального фона (который типа бежевый, с разводиками).
Смогла с помощью цсс прилепить на фон эту картинку, а вот "общий" фон никакими силами не пихается. Просто цвет - без проблем. А фон картинкой не хочет (
s47.radikal.ru/i116/0912/da/32090eac34d2.jpg
Вот, что наваяла:
HTML {*
background: #B69D5A url(1234567.jpg);
}
BODY {*
background: url(2fgh.jpg);
background-repeat: repeat-x;
background-position: 0cm 2cm;
}
Мне просто необходимо, чтобы вместо #B69D5A было 1234567.jpg. Не отображается оно. Если нет цвета - просто белый фон, будто не видит картинки.
Да, я блондинка и цсс впервые увидела три часа назад.
Мне надо облегчить сайт, но вариант с фоном цветом меня не устраивает: смотрится убого ((((
Я не понмаю, почему у тебя фон + картинка по отдельности весят меньше, чем вместе?
Можешь еще сюда за помощью обратиться.
нехилая штучка, да?
я отрезала фигню с собаками-львами, а из бежевого вырезала маленький лёгкий квадратик, как все обычные веб-фоны. поэтому весить всё теперь будет совершенно нормально. но как это поставить - ума не приложу.
фигню с собачками и львами просто картинкой наверх страницы добавить не могу. мне надо, чтобы ширина окна не была ограниченной в максимуме, или наоборот раздутой. т.е. мне надо, чтобы было по горизонтали репит этой фигни.
Я, наверное, криво объясняю...
Там всё для дайров, правда... Если не помогут те, на кого я расчитываю - обращусь, спасибо -)
BODY { background-image: url(bg.gif); background-repeat: repeat-х; background-position: 0cm 2cm }
А еще, если посмотреть на то, что ты пишешь в HTML, то выходит, что ты сначала цвет задаешь: #B69D5A, а потом картинку хочешь.
Я не в курсе, как браузер будет реагировать на эту последовательность, но подозреваю, что урл либо опустит, либо вообще все пропустит и будет белый фон показывать, что и происходит. Не в том дело, что он "не видит" картинки, он встречает непонятную команду и ведет себя так, словно тег остался незакрытым, игнорируя остальные записи.
Соответственно, эту часть я бы записала, скажем так, что
HTML {background-image: url(1234567.jpg)}
(а ты чего слова image боишься?)
Если же тебе всенепременно втемяшилось еще и цвет оставить (обе картинки что ли прозрачные?), то можно так сделать:
BODY {
background-image: url(bg.jpg); /* Путь к фоновому изображению */
background-color: #B69D5A; /* Цвет фона */
}
Тогда в общем случае цвет будет сидеть, пока не загрузится картинка, если картинка прозрачная, то будет "просвечивать".
Ну, в общем, попробуй, вдруг получится.
Пиши результаты.
Результат один, что image, что не image, я скопировала последний вариант моих мучений просто.
Без цвета тоже ставила, конечно. Если не стачить цвет - то тогда белый фон, как я в скрине показала. Если ставлю цвет, то цвет становится вторым фоном.
Если же тебе всенепременно втемяшилось еще и цвет оставить
Элен, ну вот почему Вы постоянно так?
Прочитайте, пожалуйста, ещё раз: "Мне просто необходимо, чтобы вместо #B69D5A было 1234567.jpg. Не отображается оно. Если нет цвета - просто белый фон, будто не видит картинки."
А уже потом про "втемяшилось", ага?..
Я просто не убрала из кода цвет. Ибо уже смотреть на этот код не могла, просто убрала -) Не думала, что это вызовет такую бурную реакцию.
Если у меня строка HTML {background-image: url(1234567.jpg); }, то результат такой: s47.radikal.ru/i116/0912/da/32090eac34d2.jpg
Я ж в посте написала...
Эм. А зачем мне в дайрах это? Мне в дайрах не надо никаких наворотов, я с сайтом Самурая мучаюсь. Хочу его облегчить, ибо тот фон, что сейчас - это вот sam-tt.ru/2_1-2.jpg
Я там выше в комментах поясняла всё.
Aloria
Вот, что наваяла:
HTML {background: url(1234567.jpg); }
BODY {background: url(2fgh.jpg);
background-repeat: repeat-x;
background-position: 0cm 2cm;
}
Но не получается ((( Не отображается у меня тот фон, что в html
а вот если поставить вместо картинки цвет - всё отображается. не понимаю ((((
ставила body div, но меня не спасло это, ясное дело
Все-таки обратись в то сообщество, на которое я ссылку давала.
Попробую... Только сначала всё же дождусь человека, на знания которого очень надеюсь. Точнее, мне посоветовали на них понадеяться )
Что-то руки опускаются уже..
Наоборот, их не надо использовать.
"...у каждого браузера есть свои специфические условия, при которых тот или иной фрагмент кода будет работать некорректно. Например, все верстальщики знают, что при указании фонового изображения средствами CSS в скобках нельзя использовать кавычки. То есть нужно писать background:URL(image.gif) вместо логичного background:URL("image.gif") — потому что браузер Microsoft Internet Explorer в среде операционной системы MacOS, встречая эти кавычки, отказывается работать дальше" (с) Кирилл Панфилов ( debugger).
Если б Кирилл увидел, что я тебе про кавычки написала, он бы меня съел с потрохами
На самом деле всё очень просто. Нада всего лиш задать фоновый рисунок для двух вложенных элементов: body, html.
html { background-image: url(background-repeatx.jpg);
background-repeat: repeat-x;
background-color: #d2d7e4;}
body {
font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
background-image: url(recipes.gif);
background-repeat: no-repeat;
background-position: 98% 2%;
margin: 0;
padding: 46px 0 0 0;
}
Вроде, делаю всё то же самое.
Или я совсем уже ослепла и не вижу чего-то?..
sam-tt.ru/1234567.jpg
Но этого как бы мало. Чтоб до конца понять, что не так, нужен полный код страницы. Мне самой писать как-то не хочется, мозг не желает пережевывать это
Получилось!)))))))))))))))
Этого хватило )))) Я там только постаивла нулевые отступы для картинки с собачками и львами, и теперь всё отлично ))))
ЧТО это за волшебная строчка?)) Я в ней ничего не поняла
Спасибо огромное )))))))))
Я вообще себя такой
идиоткойблондинкой в первый раз в жизни чувствовала, пришлось пообещать, что сяду за изучение матчастинадо будет, это точно ))))
Смотрю и любуюсь )) Спасибо ещё раз ))
Видела бы ты, как я сейчас по дома прыгала от радости