Gmail이나 네이버 메일쪽으로 홍보용 메일을 보내는 경우가 많은데, table과 img를 조합한 메일을 보내면, 이미지와 이미지 사이, 혹은 TR과 TR사이에 간격이 생기는 경우가 있다.
(신기하게도 다음 한메일은 간격이 안생김)
다른 스타일을 넣어도 잘 없어지지 않는데, 이 경우엔 이미지들에
display: block;
스타일을 넣어주면 99% 해결된다.
ps. 하지만 보낸 뒤에 알면 뭐하리…
글쓴이 : Draco (https://draco.pe.kr)
이 저작물은 크리에이티브 커먼즈 저작자표시 4.0 국제 라이선스에 따라 이용할 수 있습니다.
저도 메일 관련 일을 하고 있는데 style 를 가미한 메일을 모든 웹메일 서비스에서 잘 보이게 하기 위한 몇가지 얻은 지식이 있는데요. 공유하자면 이런겁니다.
1. inline style 로 원하는 바를 모두 지정해야해요. ‘당연히 기본 적으로 table { border:0 } 이런거 있겠지~’ 가 안되더라구요.
2. position:absolute, margin:-10px 같은 절대위치지정, margin의 음수지정은 사용하면 안됩니다. 필터링 되어서 사라져요.
3. 이 있을때와 없을때도 동일하게 보이는 지 확인을 해야해요. gmail, naver는 이 있어서 표준모드로 동작하고 Daum은 이게 없어서 quirks mode 로 동작해요. 그래서 다르게 보이는거에요.
좋은 노하우 감사드립니다.
아…그런데 댓글이 strip_tags되서…3번은 내용이 일부 사라졌네요.
“3. <!doctype html> 이 있을때와 없을때도 동일하게 보이는 지 확인을 해야해요. gmail, naver는 <!doctype html> 이 있어서 표준모드로 동작하고 Daum은 이게 없어서 quirks mode 로 동작해요. 그래서 다르게 보이는거에요.”
에요~ 🙂 <!doctype html> 이거가 사라졌네요.
감사합니다!
아… 오늘 아침에 받은게 draco님이 보내신거구나 ㅋㅋㅋㅋㅋ
저는 네이트… lycos 로 받고 있는데요, IE9에서 확인해봤습니다.
1. 일단 이미지가 안보입니다.(이미지보기 같은 메뉴도 못찾겠어요 ㅜㅜ)
2. 그리고, 테이블 보더가 보이네요.
아… 웹이 좀 그지같죠(고생하십니다~)-_-;
네이트에서는 보더도 보이는군요. 큭…
웹메일이나 메일 클라이언트등 환경이 너무 다양해서 다 만족시키는 것도 힘들고,
그렇다고 텍스트 메일은 유인효과가 너무 낮고
난감하군요.
원래 광고메일은 저는 별로 하고 싶지 않지만,
영업하는 입장에서는 그거라도 하고 싶기 마련이고,
중소기업으로서도 딱히 다른 회원대상 홍보 방법이 없기도 합니다.
효과는 있는거 같아요. 저도 들어가봤거든요^^;
최근에 애기때문에 아무것도 살수는 없지만 ㅜㅜ
감사합니다 T_T
사실 저도 아기 때문에 아무것도 못 지르네요 ㅎㅎ
gmail 로 그런 메일을 보내면 일단은 메일에 포함된 이미지 없이 보이겠죠(광고메일을 보내는 사람을 주소록에 등록하고 이미지 항상 보임을 해두었을리는 없을테니까요) ㅎㅎ 가능하면 이메일에는 이미지를 최소한으로 사용하는게 최선.
아 네 그건 맞습니다.
뭐 볼사람은 보겠죠 -_- 어차피 gmail 비율이 높지는 않습니다.
4.5%정도