[GWT-EXT] 패널 헤더에 CSS Sprites 아이콘 넣기

한창 CSS Sprites 에 관심을 가지고 gwt-ext 에서 사용할 수 있게 만들었었는데

패널 헤더에 아이콘으로 추가하니 이런식으로 나오는 것이였습니다.

타이틀이랑 툴들은 온데간데 없고;;; 저렇게 되었습니다.

.wo-information { background: transparent url( wo-fam.png?v=2 ) 0 -562px no-repeat !important; width: 16px; height: 16px; }


한참을 이리바꿔보고 저리바꿔본 결과는 ...

너비와 높이를 제거하니 저렇게는 나오더군요....
.wo-information { background: transparent url( wo-fam.png?v=2 ) 0 -562px no-repeat !important; }


그래도 아래쪽에 있는 이미지의 흔적이 보이므로 약간 더 손을 보면....

이미지의 위치를 +4px 를 하니 이쁘게 자리를 잡았습니다.
.wo-information { background: transparent url( wo-fam.png?v=2 ) 0 -558px no-repeat !important; }



기존에 gwt-ext 에서 css sprites 를 할 경우 트리나 그리드, 메뉴바나 툴바의 경우 위치값이
약간씩은 달라져야 해서 제너레이터에서 일반 모드와 -bar 모드로 생성을 했었는데
이제는 -header 모드도 추가되어야 할 것 같네요...

.wo-information-header { background: transparent url( wo-fam.png?v=2 ) 0 -558px no-repeat !important; } .wo-information-bar { background: transparent url( wo-fam.png?v=2 ) 0 -560px no-repeat !important; width: 16px; height: 16px; } .wo-information { background: transparent url( wo-fam.png?v=2 ) 0 -562px no-repeat !important; width: 16px; height: 16px; }

요기에 사용된 png 파일입니다.