이메일에서 생기는 이미지 간격 없애기

mail

Gmail이나 네이버 메일쪽으로 홍보용 메일을 보내는 경우가 많은데, table과 img를 조합한 메일을 보내면, 이미지와 이미지 사이, 혹은 TR과 TR사이에 간격이 생기는 경우가 있다.

(신기하게도 다음 한메일은 간격이 안생김)

다른 스타일을 넣어도 잘 없어지지 않는데, 이 경우엔 이미지들에

display: block;

스타일을 넣어주면 99% 해결된다.

 

ps. 하지만 보낸 뒤에 알면 뭐하리…

글쓴이 : Draco (https://draco.pe.kr)
크리에이티브 커먼즈 라이선스
이 저작물은 크리에이티브 커먼즈 저작자표시 4.0 국제 라이선스에 따라 이용할 수 있습니다.

댓글 10개

  1. 저도 메일 관련 일을 하고 있는데 style 를 가미한 메일을 모든 웹메일 서비스에서 잘 보이게 하기 위한 몇가지 얻은 지식이 있는데요. 공유하자면 이런겁니다.

    1. inline style 로 원하는 바를 모두 지정해야해요. ‘당연히 기본 적으로 table { border:0 } 이런거 있겠지~’ 가 안되더라구요.
    2. position:absolute, margin:-10px 같은 절대위치지정, margin의 음수지정은 사용하면 안됩니다. 필터링 되어서 사라져요.
    3. 이 있을때와 없을때도 동일하게 보이는 지 확인을 해야해요. gmail, naver는 이 있어서 표준모드로 동작하고 Daum은 이게 없어서 quirks mode 로 동작해요. 그래서 다르게 보이는거에요.

      1. “3. <!doctype html> 이 있을때와 없을때도 동일하게 보이는 지 확인을 해야해요. gmail, naver는 <!doctype html> 이 있어서 표준모드로 동작하고 Daum은 이게 없어서 quirks mode 로 동작해요. 그래서 다르게 보이는거에요.”

        에요~ 🙂 <!doctype html> 이거가 사라졌네요.

  2. 아… 오늘 아침에 받은게 draco님이 보내신거구나 ㅋㅋㅋㅋㅋ
    저는 네이트… lycos 로 받고 있는데요, IE9에서 확인해봤습니다.

    1. 일단 이미지가 안보입니다.(이미지보기 같은 메뉴도 못찾겠어요 ㅜㅜ)
    2. 그리고, 테이블 보더가 보이네요.

    아… 웹이 좀 그지같죠(고생하십니다~)-_-;

    1. 네이트에서는 보더도 보이는군요. 큭…

      웹메일이나 메일 클라이언트등 환경이 너무 다양해서 다 만족시키는 것도 힘들고,
      그렇다고 텍스트 메일은 유인효과가 너무 낮고
      난감하군요.

      원래 광고메일은 저는 별로 하고 싶지 않지만,
      영업하는 입장에서는 그거라도 하고 싶기 마련이고,
      중소기업으로서도 딱히 다른 회원대상 홍보 방법이 없기도 합니다.

  3. gmail 로 그런 메일을 보내면 일단은 메일에 포함된 이미지 없이 보이겠죠(광고메일을 보내는 사람을 주소록에 등록하고 이미지 항상 보임을 해두었을리는 없을테니까요) ㅎㅎ 가능하면 이메일에는 이미지를 최소한으로 사용하는게 최선.

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.