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

Тема: Помогите решить проблему с фоном

  1. #1

    Регистрация
    29.03.2006
    Сообщений
    5
    Нужно сделать фон из узоров в молудулях под текстом (и всем остальынм содержимым модулей) так, как вот [Только зарегистрированные пользователи могут видеть ссылки. ].
    Дело в том, что все модули разной высоты, и одной фоновой картинкой не обойтись, а нужно сделать так, чтобы текст и все остальное содержимое модулей было поверх узоров в углах, а не под верхними и над нижними, так смотрится не красиво, вот как сделать, чтобы было как на скрине?

  2. #2

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    сделайте то же, что и для скругленных углов. картинки надо сделать исходя из минимального размера модуля. только имейте ввиду, что эксплорер не понимает свойств min-width и min-height...

  3. #3

    Регистрация
    29.01.2005
    Адрес
    Одесса
    Сообщений
    1,020
    узоры фоном контейнера делаешь, а текст помещаешь в сам контейнер.
    з.ы. а у тебя нет таких узоров в векторе? поделишься? : ))

  4. #4

    Регистрация
    29.03.2006
    Сообщений
    5
    Я не понимаю, не получается ничего, очень прошу код для примера кинте сюда проверенный, иначе я сломаю себе голову
    Узоров в векторе нет но есть шрифт, на оснвое которого я их делал, могу поискать.

  5. #5

    Регистрация
    29.03.2006
    Сообщений
    5
    сделайте то же, что и для скругленных углов. картинки надо сделать исходя из минимального размера модуля. только имейте ввиду, что эксплорер* не понимает свойств min-width и min-height...
    Что надо сделать для скругленных углов? Я не понимаю.. Поподробней на счет свойств min-width можно? И если IE не понимает, тогда это не гуд, надо желательно тчобы во всех браузерах все отображалось номрально.

    узоры фоном контейнера делаешь, а текст помещаешь в сам контейнер.
    Как я узоры фоном контейнера сделаю? Если контейнер будет растягиваться, фон вместе с ним ведь не растянется, причем только по середине, без изкажения этих узоров?

  6. #6

    Регистрация
    28.03.2006
    Сообщений
    14
    VyrviGlaz
    кароче. Надеюсь, что такое css ты знаешь?
    - режешь картинку на верхнюю и нижнюю части
    - называешь верхнюю top.jpg, а нижнюю, соответственно, bottom.jpg
    - код для текстового блока:
    - в стилях пишешь:
    .text1 {
    width: (ширина фоновой картинки)px;
    background-image: url(top.jpg);
    background-repeat: no-repeat;
    background-position: top
    }
    .text2 {
    background-image: url(bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 10px (чтобы текст отступал от краев, иначе убого будет)
    }

    - все. Соответственно первый блок не обязательно div. Это может быть и td и p и все что угодно. там дальше сам разберешься, можно и блок для заголовка вставить... Но ширина конечно фиксирована будет. Удачи.

  7. #7

    Регистрация
    29.03.2006
    Сообщений
    5
    Все получилось, большое спасибо!

  8. #8

    Регистрация
    28.02.2006
    Сообщений
    29
    См. вложенный файл.
    Делал наскоряк но должно работать нормально.

  9. #9

    Регистрация
    29.03.2006
    Сообщений
    5
    Благодарю.

  10. #10

    Регистрация
    28.03.2006
    Сообщений
    14
    VyrviGlaz
    пжалста

Похожие темы

  1. min-width для IE6 Как решить проблему
    от Scorp в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 09.12.2008, 18:59
  2. Как решить проблему!?
    от vitos_ в разделе Веб-программирование
    Ответов: 1
    Последнее сообщение: 17.10.2007, 17:34
  3. Как решить проблему с Аськой!
    от Buzz Lightyear в разделе Флейм
    Ответов: 16
    Последнее сообщение: 21.02.2006, 03:41
  4. Люди, помогите решить проблему
    от СклиФ в разделе Печать и препресс
    Ответов: 3
    Последнее сообщение: 03.02.2006, 11:51
  5. Как решить такую проблему?
    от Lora_Palmer в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 29.07.2005, 18:50

Ваши права

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