2013-04-24 3 views
0

왜 이런 일이 발생하는지 알 수 없었습니다. MailChimp를 사용하여 뉴스 레터를 보내고 Outlook 2003에서는 모든 이미지의 오른쪽에있는 링크 (하이픈과 유사)가 링크로 표시됩니다.이미지 링크 옆에 나타나는 줄이

http://clickstream.ie/img/line.png

여기 상단의 로고에 대한 코드입니다 (첨부 이미지 참조) :

<a href="#"> 
    <img alt="clickstream logo" title="clickstream logo" src="http://gallery.mailchimp.com/0f36ab4eb559a3dd979199c25/images/clickstream_logo.jpg" style="max-width: 250px;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;vertical-align: bottom;" class="mcnImage" width="176"> 
</a> 

사람은 이런 일이 될 이유를 알고 있는가, 또는이 문제에 어떤 경험을했다.

Gmail 및 Hotmail (Outlook)에서는 문제가없는 것으로 보입니다.

답변

0

그 라인은 이미지의 것이 아니어도되고 어딘가에 페이지에 포함 된 <hr> 코드입니다. 이제 당신이하는 일은 그 영역 주위의 각 div의 위치를 ​​변경하여 절대 위치로 변경하는 것입니다. 다른 div가 이동하여 해당 행을 빠지는 것을 볼 수 있습니다. 하지만 그렇지 않다면 코드를 확인하고 다음 내용이 올바른지 확인해야합니다.

line-height: ; 
outline:; 
ertical-align:; 

div에 추가 한 테두리를 실행 취소 할 수도 있습니다. 하지만 작동하지 않으면 외부 스타일 시트에서 나온 것일 수 있습니다.

+0

답장을 보내 주셔서 감사합니다. 나는 그것이 지금 정렬되어 있다고 생각하는데, 어떤 요소에도 'text-decoration : none'을 추가했다. (이미지가 링크 일 때만 발생했기 때문에) 줄을 없애 버린 것 같다. 줄이있는 영역은 여전히 ​​링크입니다. 보이지 않는 링크는 원할 경우 있습니다. 나는 그것이 나를 위해 충분하다고 생각한다. 당신의 도움을 주셔서 감사합니다. – Allan

+0

괜찮 았어. 우리 모두 돕고 도움을 청합니다. – Rdnard

관련 문제