插入響應Gmail的HTML簽名

在瀏覽器中我的HTML標籤與下面的設計相當不錯：插入響應Gmail的HTML簽名

[ ] name 
[img] company 
[ ] email

但是當我複製到Gmail的簽名，似乎被打破！圖像站在錯誤的位置！

[ ] 
[img] 
[ ] 
name 
company 
email

請幫我解決這個問題！

ps：我沒有足夠的聲望發佈圖片。

<div class = "col-lg-12 col-md-12" style ="display:inline"> 
<div class = "col-xs-1 col-sm-1" style = "padding:0 0 0 0;display:inline"> 
    <img src="http://i.imgur.com/8wclWry.png" width="65px" height="65px" id="sigPhoto"> 
</div> 


<div class = "col-lg-11 col-md-10" style = "padding:0 0 0 0; display:inline"> 
    <p class = "col-lg-11 col-md-10" style = "padding:0 0 0 0"> 
     <span id = "name"> 
      Ta Quynh Giang <!-- Name here--> 
     </span> 
    </p> 
    <p class = "col-lg-11 col-md-10" style = "padding:0 0 0 0; display:inline"> 
     <span> 
      Marketing Manager - ABIVIN Vietnam, JSC. 
     </span> 
    </p> 
    <div class = "col-lg-11 col-md-10" style = "padding:0 0 0 0; margin-top: 5px; display:inline"> 
     <div class = "col-md-2 col-sm-4 info" style = "padding:0 0 0 0 ;display:inline"> 
      <span id = "head-info"> M </span>&nbsp;&nbsp;+84 168 992 1733 
     </div> 
     <div class = "col-md-2 col-sm-4 info" style = "padding:0 0 0 0; display:inline"> 
      <span id = "head-info"> W </span>&nbsp;&nbsp;<a href = "abivin.com">http://abivin.com</a> 
     </div> 
    </div> 
    <div class = "col-lg-11 col-md-10" style = "padding:0 0 0 0; margin-top: 5px; display:inline"> 
     <div class = "col-md-2 col-sm-4 info" style = "padding:0 0 0 0; display:inline"> 
      <span id = "head-info"> E </span>&nbsp;&nbsp;[email protected] 
     </div> 
     <div class = "col-md-3 col-sm-5 info" style = "padding:0 0 0 0; display:inline"> 
      <span id = "head-info"> A </span>&nbsp;&nbsp;&nbsp;R503, 35 Lang Ha, Hanoi, Vietnam 
     </div> 
    </div> 
</div>

來源

2015-06-13 Nguyễn Trọng Đông

嘗試分配內嵌樣式到您的簽名的vsarious元素... – RamRaider

我已經添加代碼，u能回答更加清晰的感謝 –

我認爲你缺少一個右div標籤的整個代碼塊（當然上面反正發佈的代碼），這將拋出HTML對準了在某些情況下。我已在下面更正了這一點 - 儘管在使用代碼的情況下我無法測試。

<div class='col-lg-12 col-md-12' style='display:block'> 
    <div class='col-xs-1 col-sm-1' style='padding:0;display:inline'> 
     <img src='http://i.imgur.com/8wclWry.png' width='65px' height='65px' id='sigPhoto'> 
    </div> 


    <div class='col-lg-11 col-md-10' style='padding:0; display:inline'> 
     <p class='col-lg-11 col-md-10' style='padding:0'> 
      <span id='name'> 
       Ta Quynh Giang <!-- Name here--> 
      </span> 
     </p> 
     <p class='col-lg-11 col-md-10' style='padding:0; display:inline'> 
      <span> 
       Marketing Manager - ABIVIN Vietnam, JSC. 
      </span> 
     </p> 
     <div class='col-lg-11 col-md-10' style='padding:0; margin-top: 5px; display:inline'> 
      <div class='col-md-2 col-sm-4 info' style='padding:0 ;display:inline'> 
       <span id='head-info'> M </span>&nbsp;&nbsp;+84 168 992 1733 
      </div> 
      <div class='col-md-2 col-sm-4 info' style='padding:0; display:inline'> 
       <span id='head-info'> W </span>&nbsp;&nbsp;<a href='http://abivin.com' target='_blank'>http://abivin.com</a> 
      </div> 
     </div> 
     <div class='col-lg-11 col-md-10' style='padding:0; margin-top: 5px; display:inline'> 
      <div class='col-md-2 col-sm-4 info' style='padding:0; display:inline'> 
       <span id='head-info'> E </span>&nbsp;&nbsp;[email protected] 
      </div> 
      <div class='col-md-3 col-sm-5 info' style='padding:0; display:inline'> 
       <span id='head-info'> A </span>&nbsp;&nbsp;&nbsp;R503, 35 Lang Ha, Hanoi, Vietnam 
      </div> 
     </div> 
    </div> 
</div>

來源

2015-06-13 15:14:06 RamRaider

插入響應Gmail的HTML簽名

回答

相關問題