News wygląda mniej więcej tak
Obrazek1
Więc wygenerowałem sobie sprite, i pozmieniałem css.
.... td.mainboxMiddlecenter { background: url("images/ramka/border_hside.gif"); background-repeat: repeat-x; } td.mainboxBottom { background: url("images/ramka/border_hside.gif"); background-repeat: repeat-x; }
.....
Zamieniłem na
td.mainboxMiddlecenter { background-image: url("images/ramka/sprite.png"); background-position: 0 0; width: 6px; height: 6px; background-repeat: repeat-x; } td.mainboxBottom { background-image: url("images/ramka/sprite.png"); background-position: 0 0; width: 6px; height: 6px; background-repeat: repeat-x; }
Teraz pojawił się problem, poniważ klasa mainboxMiddlecenter działa a mainboxBottom robi pewne problemy, obrazek 2
Obrazek2
Oczywiście sprite układany jest PIONOWO, i co więcej ma szerokość 6 px. Co powininem zrobić aby to działało?, Dziwię się, że Middle działa a Bottom już nie;/
Domyślam się, że to jest wina HTML (zaminiając clase z mainboxBottom na mainboxMiddlecenter również jest ten błąd). Tylko dlaczego go nie ma jak jest nasz sztywno wisana nazwa border_hside.gi