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

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


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

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


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



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

너비와 높이를 제거하니 저렇게는 나오더군요....

<br/> .wo-information { background: transparent url( wo-fam.png?v=2 ) 0 -562px no-repeat !important; }<br/>



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

이미지의 위치를 +4px 를 하니 이쁘게 자리를 잡았습니다.

<br/> .wo-information { background: transparent url( wo-fam.png?v=2 ) 0 -558px no-repeat !important; }<br/>




기존에 gwt-ext 에서 css sprites 를 할 경우 트리나 그리드, 메뉴바나 툴바의 경우 위치값이

약간씩은 달라져야 해서 제너레이터에서 일반 모드와 -bar 모드로 생성을 했었는데

이제는 -header 모드도 추가되어야 할 것 같네요...


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

more..

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