Показано с 1 по 5 из 5

Тема: Фон с небом. Как сверстать?

  1. #1

    Регистрация
    14.12.2005
    Сообщений
    4
    Хочу разместить на фон картинку с облаками.
    [attachment=5652:attachment]
    Как потом сверстать это?

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Примерно так же, как и картинку с горами, травой или космосом...
    Фон для любого элемента в CSS задается свойством background...

  3. #3

    Регистрация
    14.12.2005
    Сообщений
    4
    Наверное неправильно задал вопрос.
    Нарисовал то я сайт для 1024*768, а как сверстать чтобы и на бОльших(меньших) разрешениях сайт смотрелся нормально. Как сделать фон резиновым?

  4. #4

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    никак. нужно заранее предусматривать такие вещи. можно, например, сделать какую-то часть изображения видимой, только при определенном минимальном разрешении монитора.

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Если фон у Вас представлен одним неделимым изображением – заставить его растягиваться или сжиматься Вы действительно не сможете. Но есть некоторые ухищрения, которые позволяют в некоторой степени добиться желаемого эффекта.

    Так, навскидку, в Вашем конкретном примере можно разбить фон с облаками на две части (примерно в его центре, чуть правее, наблюдается синяя область без облаков). Далее можно левую часть фона навесить на элемент <html> + синий фоновый цвет (в который левая фоновая картинка должна плавно переходить правым краем) для элемента <html>, а правую часть фона навесить на элемент <body> (поверх элемента <html>). На выходе получим определенную "резиновость".

    Необходимо только не забыть про min-width для <body>. В противном случае при слишком малых разрешениях или чрезмерном уменьшении окна браузера правый кусок фона будет некрасиво и беззастенчиво наползать на левый кусок фона.

    P.S. © а-ля Aykroyd

Похожие темы

  1. Реально ли так сверстать?
    от skatadov в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 13.08.2009, 20:43
  2. как так флеш сверстать?
    от prodesigner в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 13.07.2009, 23:57
  3. Реально ли так сверстать?
    от toooto в разделе Вёрстка сайта
    Ответов: 9
    Последнее сообщение: 13.06.2009, 16:34
  4. Как лучше сверстать
    от dennis_ru в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 18.04.2007, 14:12
  5. подскажите как сверстать
    от raritetik в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 24.09.2005, 08:02

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •