Kenar boşluğu ile resim etrafında metin sarmak için Outlook 2007 için geçici çözüm?

Question

Hepimizin bildiği gibi, Outlook 2007, Word 2007 oluşturma altyapısını kullanarak HTML e-posta mesajı tasarlarken sonsuz üzüntüye neden oluyor. [Buraya rant ekle] Özellikle, yüzdürme, kenar boşluğu ve doldurma - diyelim mi? - yetersiz desteklenir. Bu metin bir görüntü sarar böylece

görünüşte biz sadece kullanabilirsiniz, float simüle etmek için:

<img src="foo.png" align="right"> 

konu doldurma/sınırıdır. Doldurma/kenar boşluğu olmadan sarılmış metin, goofy görünen görüntünün karşısına gelir. Bir geçici çözüm, resmi düzenlemek ve kenar boşluğunu simüle eden şeffaf çerçeveyi eklemektir.

Başka herhangi bir geçici çözüm bilen var mı?

Answer 1

Bu sabah denedim ve görüntüler üzerinde ne yazık ki kenarlıklar desteklenmiyor, ancak, metin alanı üzerinde konsept uygulayabilirsiniz :).

border-left: 7px solid #fff;

örneğin

, sol dolgu görsel efekt verecek bir beyaz kabın içine ....

Answer 2

Böyle bir marj komutuyla img etiketine bir satır içi stil eklerseniz:

<img src="foo.png" align="right" style="margin:5px;"> 

Bunu yapmak için çalışıyoruz şeydir tahmin ediyorum.

Answer 3

Bu iş parçacığının eski olduğunu biliyorum, ancak alternatif bir görüntüyü kapsayıcıyla aynı renkte sağlam bir kenarlık vermek olacaktır.

Answer 4

Outlook 2007 desteği üzerinde Microsoft'un belgelerine okuduktan sonra bir resmin üzerine hspace kullanarak beyaz alan oluşturmak için çalışacağını bulundu etrafında dolguya benzer.

[img src = "image.jpg" align = "left" border = "0" hspace = "10"] size doldurma 10px eşdeğer verecektir

. E-posta istemcileri arasında oldukça iyi çalışır.

Başka birisinin sorunu çözmesi durumunda düşündüğüm kişi, bu soruyu sorduğum gibi paylaştı.

Answer 5

Outlook ve diğer tüm e-posta istemcileri için görüntü içine dolgu ekleme. Bunun işe yaradığını buldum. dolgu Outlook '07 desteklenir

img { 
    padding-left: 25px!important; 
    padding-top: 25px!important; 
    padding-bottom: 25px!important; 
    padding-right: 25px!important; 
} 

Answer 6

tek yer <td> etiketler. Yani bir tabloda görüntüyü kaydırma tarafından bu çözmüş:

<table cellspacing="0" cellpadding="0" border="0" align="left"> 
<tbody> 
    <tr> 
     <td> 
     <table cellspacing="0" cellpadding="0" border="0" align="left"> 
     <tbody> 
      <tr> 
       <td valign="top" style="padding: 0px 10px 0 0;"> 
       <img src="http://www.mysite.com/images/myimage.jpg" style="width:60px; height:100px;" border="0" /> 
       </td> 
      </tr> 
     </tbody> 
     </table> 
     <p>The text I want to see wrap...</p> 
     </td> 
    </tr> 
</tbody> 
</table> 

align="left" ebeveyn masanın üstünde Not yanı sıra bir anında görüntü tutan. Bu hack, Outlook 2013 için gereklidir. Litus'ta başka hiçbir şey bu olmadan harika görünüyordu.