2017-09-27 61 views
0

我工作的一個HTML電子郵件簽名,但我想改變TD的高度和寬度這裏是代碼:TD的高度和寬度沒有得到拿起

<tr bgcolor="#ffd668" style="height: 50px;"> 
    <td colspan="10" style="border-radius: 5px;"> 
     <table> 
      <tbody><tr> 
       <td width="5"></td> 
       <td width="200" height="30" align="left" style="line-height: 0" colspan="2"> 
        <a style="border: 0;" href="https://www.fingerspitz.nl" target="_blank"> 
         <img width="128" height="22" alt="Fingerspitz" src="https://www.fingerspitz.nl/files/Social_iconen/Fingerspitz_logo.png"> 
        </a> 
       </td> 

       <td width="190" align="right"> 
        <table style="width:100%;"> 
         <tbody><tr> 
          <td width="30" height="30"> 
           <a style="border: none; display: block; width: 30px; height: 30px;" href="https://www.facebook.com/Fingerspitz" target="_blank"> 
            <img width="30" height="30" src="https://www.fingerspitz.nl/files/Social_iconen/80_x_80/LinkedIn.png\"> 
           </a> 
          </td> 
          <td width="30" height="30"> 
           <a style="border: none; display: block; width: 30px; height: 30px;" href="https://twitter.com/fingerspitzNL/" target="_blank"> 
            <img width="30" height="30" src="https://www.fingerspitz.nl/files/Social_iconen/80_x_80/Twitter.png"> 
           </a> 
          </td> 
          <td width="30" height="30"> 
           <a style="border: none; display: block; width: 30px; height: 30px;" href="https://www.linkedin.com/company/fingerspitz" target="_blank"> 
            <img width="30" height="30" src="https://www.fingerspitz.nl/files/Social_iconen/80_x_80/LinkedIn.png"> 
           </a> 
          </td> 
          <td width="40" height="30"> 
           <a style="border: none; display: block; width: 30px; height: 30px;" href="https://www.youtube.com/channel/UCpovXRL4rEF8skjhle2z25Q" target="_blank"> 
            <img width="30" height="30" src="https://www.fingerspitz.nl/files/Social_iconen/80_x_80/YouTube.png"> 
           </a> 
          </td> 
          <td width="0.2" height="20" bgcolor="#00000"></td> 
          <td width="40" height="30" align="right"> 
           <a style="border: none; display: block; width: 30px; height: 30px;" href="https://www.google.nl/maps/place/Fingerspitz+Online+Marketing/@51.5904415,4.7595442,17z/data=!4m5!3m4!1s0x47c69f8ba6d2e709:0xbbf458d8e81294cb!8m2!3d51.5904382!4d4.7617329" target="_blank"> 
            <img width="30" height="30" src="https://www.fingerspitz.nl/files/Social_iconen/80_x_80/Maps.png"> 
           </a> 
          </td> 
          <td width="15" height="30"></td> 
         </tr> 
        </tbody></table> 

       </td> 
      </tr> 
     </tbody></table> 
    </td> 
</tr> 

這裏是一個HTML代碼fiddle

所以,基本上我想要實現的是,YouTube和Google地圖圖標之間的垂直黑色條紋稍薄一點,高度與圖標圖像一致。

有人可以幫我解決這個問題嗎?

回答

1

請現在

<tr bgcolor="#ffd668" style="height: 50px;"> 
 
\t \t <td colspan="10" style="border-radius: 5px;"> 
 
\t \t \t <table> 
 
\t \t \t \t <tbody><tr> 
 
\t \t \t \t \t <td width="5"></td> 
 
\t \t \t \t \t <td width="200" height="30" align="left" style="line-height: 0" colspan="2"> 
 
\t \t \t \t \t \t <a style="border: 0;" href="https://www.fingerspitz.nl" target="_blank"> 
 
\t \t \t \t \t \t \t <img width="128" height="22" alt="Fingerspitz" src="https://www.fingerspitz.nl/files/Social_iconen/Fingerspitz_logo.png"> 
 
\t \t \t \t \t \t </a> 
 
\t \t \t \t \t </td> 
 

 
\t \t \t \t \t <td width="190" align="right"> 
 
\t \t \t \t \t \t <table style="width:100%;"> 
 
\t \t \t \t \t \t \t <tbody><tr> 
 
\t \t \t \t \t \t \t \t <td width="30" height="30"> 
 
\t \t \t \t \t \t \t \t \t <a style="border: none; display: block; width: 30px; height: 30px;" href="https://www.facebook.com/Fingerspitz" target="_blank"> 
 
\t \t \t \t \t \t \t \t \t \t <img width="30" height="30" src="https://www.fingerspitz.nl/files/Social_iconen/80_x_80/LinkedIn.png"> 
 
\t \t \t \t \t \t \t \t \t </a> 
 
\t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t <td width="30" height="30"> 
 
\t \t \t \t \t \t \t \t \t <a style="border: none; display: block; width: 30px; height: 30px;" href="https://twitter.com/fingerspitzNL/" target="_blank"> 
 
\t \t \t \t \t \t \t \t \t \t <img width="30" height="30" src="https://www.fingerspitz.nl/files/Social_iconen/80_x_80/Twitter.png"> 
 
\t \t \t \t \t \t \t \t \t </a> 
 
\t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t <td width="30" height="30"> 
 
\t \t \t \t \t \t \t \t \t <a style="border: none; display: block; width: 30px; height: 30px;" href="https://www.linkedin.com/company/fingerspitz" target="_blank"> 
 
\t \t \t \t \t \t \t \t \t \t <img width="30" height="30" src="https://www.fingerspitz.nl/files/Social_iconen/80_x_80/LinkedIn.png"> 
 
\t \t \t \t \t \t \t \t \t </a> 
 
\t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t <td width="40" height="30"> 
 
\t \t \t \t \t \t \t \t \t <a style="border: none; display: block; width: 30px; height: 30px;" href="https://www.youtube.com/channel/UCpovXRL4rEF8skjhle2z25Q" target="_blank"> 
 
\t \t \t \t \t \t \t \t \t \t <img width="30" height="30" src="https://www.fingerspitz.nl/files/Social_iconen/80_x_80/YouTube.png"> 
 
\t \t \t \t \t \t \t \t \t </a> 
 
\t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t <td width="0.2" height="30" ><span style="background-color:#000;height:28px;display:table;width:2px;"></span></td> 
 
\t \t \t \t \t \t \t \t <td width="40" height="30" align="right"> 
 
\t \t \t \t \t \t \t \t \t <a style="border: none; display: block; width: 30px; height: 30px;" href="https://www.google.nl/maps/place/Fingerspitz+Online+Marketing/@51.5904415,4.7595442,17z/data=!4m5!3m4!1s0x47c69f8ba6d2e709:0xbbf458d8e81294cb!8m2!3d51.5904382!4d4.7617329" target="_blank"> 
 
\t \t \t \t \t \t \t \t \t \t <img width="30" height="30" src="https://www.fingerspitz.nl/files/Social_iconen/80_x_80/Maps.png"> 
 
\t \t \t \t \t \t \t \t \t </a> 
 
\t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t <td width="15" height="30"></td> 
 
\t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t </tbody></table> 
 

 
\t \t \t \t \t </td> 
 
\t \t \t \t </tr> 
 
\t \t \t </tbody></table> 
 
\t \t </td> 
 
\t </tr>

+0

但垂直線是不一樣的高度的形象,他們必須對齊水平。你知道如何做到這一點,因爲我不能改變身高。 – Sreinieren

+0

它比圖標大,我怎樣才能達到這個高度? – Sreinieren

+0

它是完美的,現在請檢查並恢復,如果您需要任何其他更改。 –