0
나 자신을위한 html 서명을 만들고 있습니다. 배경과 이미지가 겹치는 td 요소를 얻고 싶습니다. 나는 그것을 얻을 수 있도록 배경으로 이미지를 사용하기로 결정했다.html 표 gmail 서명의 원하지 않는 채우기
내가 가지고 무엇 :
GMAIL
합니다 (image 컨테이너보다 작고 부분적인 배경을 가지고)
가 원치 않는 패딩 (3px의)가 사이 td 및 img 태그가 있습니다.
BROWSER
코드 :
<table width="363" height="130" border="0" cellpadding="0" cellspacing="0" rules="none" >
<tr>
<!-- This row is needed to enforce col widths in Outlook -->
<td width="40">
</td>
<td width="3">
</td>
<td width="10">
</td>
<td width="100">
</td>
<td width="10">
</td>
</tr>
<tr>
<td width="40" valign="middle" height="130" colspan="1" bgcolor="#417dc0" nowrap style="width: 40px; vertical-align: middle; height: 130px; column-span: 1; background-color: #417dc0; white-space: nowrap;">
<div style="margin-bottom: 5px;text-align: center;">
<a href="https://www.facebook.com/fernando.n.candiani" target="_blank"><img src="http://fernandocandiani.com.br/email/facebook.png" width="20" height="20"></a>
</div>
<div style="margin-bottom: 5px;text-align: center;">
<a href="https://www.linkedin.com/in/fernandocandiani" target="_blank"><img src="http://fernandocandiani.com.br/email/linkedin.png" width="20" height="20"></a>
</div>
<div style="text-align: center;">
<a href="https://plus.google.com/110769302461961049884" target="_blank"><img src="http://fernandocandiani.com.br/email/googleplus.png" width="20" height="20"></a>
</div>
</td>
<td width="3" valign="middle" colspan="1" height="130" bgcolor="#417dc0" nowrap style="width: 3px; vertical-align: middle; height: 130px; column-span: 1; background-color: #417dc0; white-space: nowrap;">
<div style="border-right:2px solid #ffffff;height:100px"></div>
</td>
<td width="10" valign="middle" colspan="1" height="130" bgcolor="#417dc0" nowrap style="width: 10px; vertical-align: middle; height: 130px; column-span: 1; background-color: #417dc0; white-space: nowrap;">
</td>
<td width="100" valign="middle" height="130" colspan="1" bgcolor="#ffffff" nowrap style="width: 85px; vertical-align: middle; height: 130px; column-span: 1; background-color: #ffffff; white-space: nowrap;">
<img width="100" height="130" src="http://fernandocandiani.com.br/email/[email protected]">
</td>
<td width="10" valign="middle" colspan="1" height="130" bgcolor="#ffffff" nowrap style="width: 10px; vertical-align: middle; height: 130px; column-span: 1; background-color: #ffffff; white-space: nowrap;">
</td>
</tr>
을 여러 방법을 시도하고 작업을 가져올 수 없습니다. 은 언급 할 가치가 있는지 난 몰라 :
추신 : 바로 브라우저에서 렌더링하지만, Gmail은 서명에 붙여 넣을 때이 3px의 패딩/마진을
편집을 추가 할 때 그것은 크롬, 파이어 폭스와 오페라에서 완벽하게 작동 그러나 테이블에는 133px 높이가 있고 코드에는 130px의 이미지가 있습니다. 표는 코드별로 130px 여야합니다. 이미지를 133px로 늘리면 테이블이 136px로 늘어납니다.
어쩌면 img에 패딩 또는 경계가 있습니다. 테두리를 없음으로 설정하고 패딩을 0으로 설정하고 – JamieD77
을 참조하십시오. 언급할만한 가치가있는 것은 아니지만 표의 높이가 133px이고 이미지의 코드가 130px라고 말합니다. 표는 코드별로 130px 여야합니다. 이미지를 133px로 늘리면 테이블이 136px로 늘어납니다. – candiani