CSS 표 이미지에 공백이 있음

여기에 이메일 템플릿이 있는데 문제는 내 분할 자 이미지의 상단과 하단에 공백이 있음을 나타냅니다.CSS 표 이미지에 공백이 있음

저는 이것을 디바이더 이미지의 상단과 하단에있는 공백을 제거하는 방법에 대해 알아 보려고합니다. 또한 어떻게 각 요소에 테두리를 넣을 수 있는지 알고 싶습니다. http://jsfiddle.net/YTvqb/

참고 : 당신은 여기 내 JS 바이올린 DEMO를 확인할 수 있습니다

<tr><td width="100%"><img src="img/divider.png" class="deviceWidth"/> </td> </tr>

디바이더는 다른 색을 가지고있는 라인입니다.

2013-11-22 Anonymous

img에 display: block을 추가하면 여분의 공간이 제거됩니다. 기본적으로 이미지는 인라인으로 표시되어 문자 자손을위한 공간을 남겨 둡니다. 블록을 만드는 것은 디 센더를위한 공간을 제거합니다.

2013-11-22 01:57:18 Jeff

I가 당신을 위해 한 번 더 질문 어떻게이 우리의 제품 섹션에 IMAGE 1 IMAGE 2의 경계를 제거 할 수 있습니까? –

나는 그 이미지에 경계선이 있다고 생각하지 않는다? 깨진 이미지 주위에 테두리가 표시되지만 이는 브라우저가 깨진 이미지를 표시하는 일부입니다. 거기에 진짜 이미지를 넣으면, 사라질 것 같습니다. – Jeff

<img src="#" style="display:block;" />

2013-11-22 01:59:31 oliviersp

답변에 세부 사항을 추가해야합니다. –

답변