Есть рисунок, из которого хотелось бы сделать фон, повторяющийся по вертикали, но не повторяющийся по горизонтали, т.е., в данном случае, чтобы слева страницы шла полоска кошек.
Для этого режем наш рисунок на две части: и . Из первой задаем общий фон страницы. Затем создаем таблицу и задаем ей не повторяющийся фон. Вообще для этого используется тег background-repeat, который может принимать следующие значения:
repeat-x заполняет страницу рисунком по горизонтали, от левого края к правому.
repeat-у заполняет страницу рисунком по вертикали, от верхнего края к нижнему.
no - repeat не повторяет рисунок при заполнении страницы.
Задать его, увы, можно только правкой непосредственно HTML-кода. Т.е. нужно щелкнуть кнопочку HTML , найти нужную таблицу и вписать в её стиль фоновое изображения и его свойства background-repeat.
У вас должно получиться примерно следующее(только адрес рисунка, разумеется, будет ваш):
table style="background-image:url(https://lady.webnice.ru/forum/users/2/img20080613111009.jpg); background-repeat:repeat-y;" border="0" width="100%"
и выглядеть это будет так:
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст |
Второй вариант позволяет добиться того же результата, но без лазания в HTML-код.
Опять же создаем таблицу из одной строки и двух столбцов, при этом ширину первой ячейки устанавливаем равной ширине выбранного фонового изображения и указываем ей(ячейке) это изображение в качестве фонового.
текст текст текст текст текст текст текст |
Я указываю у границ рамку, чтобы была видна разница между вариантами. Т.е. во втором варианте ширина первой ячейки с фоном не должна превышать ширину рисунка, иначе он начнет повторяться, а в первом варианте ширина может быть любой.