[CSS] 포토샵(Photoshop) 슬라이스(Slice)기능, html사용, 공백

포토샵의 슬라이스 기능으로 html을 만들어서 브라우저에서 실행하는 경우

 

이미지와 이미지 사이 또는...

 

tr과 tr사이에 공백이 생기는 경우.

 

1) 눈에 보이지 않는 공백이 있는지 확인. (이미지와 html 태그간의 공백이 없도록)

2) table의 height가 설정되어 있는지 확인.

3) margin 속성을 줬는지...

 

그래도 여전히 공백이 나오는 경우..

아래와 같이 스타일 태그를 사용하여 공백을 제거하면 OK.

본인의 경우에도 아래 스타일 태그로 해결함.

 

<style type="text/css">

        body, td, img {margin:0; padding:0;}

        img{display:block;}

</style>