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

mail

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

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

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

display: block;

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

 

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

글쓴이 : Draco (https://draco.pe.kr)
크리에이티브 커먼즈 라이선스 이 글은 CCL 저작자표시 3.0에 따라 원작자를 표시할 경우 자유롭게 이용할 수 있습니다.

You may also like...

10 Responses

  1. Joo 댓글:

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

  2. zinzza 댓글:

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

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

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

    • Draco 댓글:

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

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

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

  3. Joo 댓글:

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

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