Вид для печати
Нужно сделать фон из узоров в молудулях под текстом (и всем остальынм содержимым модулей) так, как вот [Only registered and activated users can see links. Click Here To Register...].
Дело в том, что все модули разной высоты, и одной фоновой картинкой не обойтись, а нужно сделать так, чтобы текст и все остальное содержимое модулей было поверх узоров в углах, а не под верхними и над нижними, так смотрится не красиво, вот как сделать, чтобы было как на скрине?
сделайте то же, что и для скругленных углов. картинки надо сделать исходя из минимального размера модуля. только имейте ввиду, что эксплорер :crazy: не понимает свойств min-width и min-height...
узоры фоном контейнера делаешь, а текст помещаешь в сам контейнер.
з.ы. а у тебя нет таких узоров в векторе? поделишься? : ))
Я не понимаю, не получается ничего, очень прошу код для примера кинте сюда проверенный, иначе я сломаю себе голову [Only registered and activated users can see links. Click Here To Register...]
Узоров в векторе нет но есть шрифт, на оснвое которого я их делал, могу поискать.
Что надо сделать для скругленных углов? Я не понимаю.. Поподробней на счет свойств min-width можно? И если IE не понимает, тогда это не гуд, надо желательно тчобы во всех браузерах все отображалось номрально.Цитата:
сделайте то же, что и для скругленных углов. картинки надо сделать исходя из минимального размера модуля. только имейте ввиду, что эксплорер* не понимает свойств min-width и min-height...
Как я узоры фоном контейнера сделаю? Если контейнер будет растягиваться, фон вместе с ним ведь не растянется, причем только по середине, без изкажения этих узоров?Цитата:
узоры фоном контейнера делаешь, а текст помещаешь в сам контейнер.
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 и все что угодно. там дальше сам разберешься, можно и блок для заголовка вставить... Но ширина конечно фиксирована будет. Удачи.
Все получилось, большое спасибо!
См. вложенный файл.
Делал наскоряк но должно работать нормально.
Благодарю.
VyrviGlaz
пжалста