Lotus Notes 8.5 이미지가있는 HTML 서명, 이미지가 가로로 정렬되지 않았습니다.

Lotus Notes 전자 메일에서 이미지와 함께 HTML 서명에 다음과 같은 문제가 있습니다. HTML 서명에 대한 코드는 이것이다 :Lotus Notes 8.5 이미지가있는 HTML 서명, 이미지가 가로로 정렬되지 않았습니다.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <title>signature</title> 
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
</head> 
<body> 

<!--CSS can skip--> 
<style type="text/css"> 
    #url { 
    color:rgb(0, 136, 204) !important; 
    text-decoration:none !important; 
    } 
    #outer { 
    font-family: 'Lucida Sans', Lucida Grande, Verdana, Arial, Sans-Serif; 
    font-size:11px; 
    color:#555555; 
    } 
    #padding { 
    padding-top:10px; 
    } 
    #div.img { 
    width:288px; 
    height:40px; 
    padding-left:10px; 
    } 
    #left { 
    float:left; 
    } 
    #right { 
    width:100%; 
    } 
</style> 

<!--Signature itself--> 
<div id="outer"> 
<div id="header"> 
    [Name FamilyName] | [Title] 
</div> 
<div id="padding"></div> 
<div id="left"> 
    Line1<br> 
    Line2<br> 
    Line3<br> 
</div> 
<div id="right"> 
    <img src="file:///LocalPathToImage.png" style="padding-left:10px"> 
</div> 
</div> 
</body> 
</html>

아이디어는 이미지가 왼쪽에있는 텍스트를 오른쪽으로 정렬 서명을하는 것입니다. Lotus Notes 8.5 (파일 -> 환경 설정 -> 메일 -> 서명 -> HTML)에 서명 할 때 브라우저 정렬이 정확하지만 이미지는 항상 맨 아래에 있습니다.

HTML 서명에서 정렬 (float) 속성이 유지되는지 확인하는 방법은 무엇입니까?

출처

2012-12-17 aza07

CSS 규칙이 Chrome에서 제대로 작동하는 것으로 보입니다 (JSFiddle에서 확인). 그러나 Lotus Notes의 HTML 엔진은 CSS 규칙 준수와 관련이 있습니다. 대신 테이블을 사용하도록 다시 작성하는 것이 좋습니다. 아마 더 많은 성공을 거둘 수있을 것입니다.

출처

2012-12-17 15:02:07

감사합니다. 표를 다시 작성하여 정렬이 유지됩니다! – aza07

질문 1에 답변했습니다. 질문 2를보십시오. – aza07

Re : 질문 2 - 이미지가 인터넷에서 호스팅되지 않는 한 불가능합니다. 나는 이것을 테스트하지 않았지만 이미지를 삽입하기 위해 데이터 uri를 사용해 보았습니까? 내 생각에 Outlook에서이 트릭을 사용한다고 생각합니다. https://en.wikipedia.org/wiki/Data_URI_scheme#HTML – booyaa

모든 이메일 클라이언트가 상단의 스타일 시트를 읽지는 않기 때문에 인라인 CSS를 사용해야합니다.

출처

2014-05-06 20:13:08

Lotus Notes 8.5 이미지가있는 HTML 서명, 이미지가 가로로 정렬되지 않았습니다.

답변

관련 문제