Проблема с графикой (repeat-x/y)

Внимание, важное сообщение: Дорогие Друзья!
В ноябре далекого 2001 года мы решили создать сайт и форум, которые смогут помочь как начинающим, так и продвинутым пользователям разобраться в операционных системах. В 2004-2006г наш проект был одним из самых крупных ИТ ресурсов в рунете, на пике нас посещало более 300 000 человек в день! Наша документация по службам Windows и автоматической установке помогла огромному количеству пользователей и сисадминов. Мы с уверенностью можем сказать, что внесли большой вклад в развитие ИТ сообщества рунета.

Но... время меняются, приоритеты тоже. И, к сожалению, пришло время сказать До встречи! После долгих дискуссий было принято решение закрыть наш проект. 1 августа форум переводится в режим Только чтение, а в начале сентября мы переведем рубильник в положение Выключен

Огромное спасибо за эти 24 года, это было незабываемое приключение. Сказать спасибо и поделиться своей историей можно в данной теме.

С уважением, ваш призрачный админ, BigMac...

Проблема с графикой (repeat-x/y)

alleclf

Старожил

Сообщения: 446
Благодарности: 3

Конфигурация

Профиль | Сайт | Отправить PM | Цитировать

Здравствуйте.

Решил немного усовершенствовать дизайн сайта и оптимизировать графику. Все (похожие) картинки сбиваю в один файл, а потом подключаю где надо выборкой.

Вот для примера рамка сайта. Все составляющие части этой рамки находятся в файле "borders.png" (картинка ниже). Я всегда подключаюсь к этой картинке просто использую ее разные части.

Код ксс ондого блока (тут сам фон рамки, картинка ссылки и картинка ссылки при наведении):

Код:

.bookmark_fdb_d { width: 160px; height: 48px; background: url("../images/borders.png") no-repeat -173px -0px; }
.bookmark_fdb_d a img { width: 160px; height: 48px; background: url("../images/borders.png") no-repeat -322px -49px; }
.bookmark_fdb_d a:hover img { background-position: -322px -0px; }

В этом куске кода все рабочее, тоесть то что НЕ повторяется (угловые картинки) работает как надо, а вот то что я хочу замостить (горизонтальная или вертикальная рамка) нив какую не хочет.

Для горизонтали/вертикали пишу примерно так:

Код:

.bookmark_fdb_d { width: 1px; height: 48px; background: url("../images/borders.png") repeat-х -196px -0px; }

в результате у меня повторяется вся картинка (что ниже) только начиная с той позиции какую я указал (вроде как хвост не обрезается).

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

Спасибо.

Сама картинка вот такая: