title: How to make image size adapt to row height in an html table
body: <p>I am trying to make a robust html signature to use in Thunderbird. By robust I mean it must look right not just in Thunderbird, but in other mail clients that I send the mail to. I test this with Gmail, for example.</p>
  <p>The layout is quite simple, it's something like this:</p>
  <p>Best Regards</p>
  <p>&lt;  PPPPPPPP  &gt;  | Pieka Grobbelaar</p>
  <p>&lt;  PPPPPPPP  &gt;  | 082 111 0000</p>
  <p>&lt;  PPPPPPPP  &gt;  | pieka@mycompany.co.za</p>
  <p>The &quot;PPP&quot; is a picture (the company logo). So I want to achieve this layout by using a 1-row, 2 column table, and by putting the picture in the first cell and the text in the second.</p>
  <p>Now, I can set the image size in pixels, but that's problematic because somehow different mail clients handle the font size differently (this might be because of the way the Thunderbird packages the mail before sending - who knows? ). But I want to keep the logo the same height as the three lines next to it.</p>
  <p>So, I want the table to &quot;stretch&quot; to the height of the 3 lines in the second cell, and then I want the image to stretch itself to the height of the row, while keeping its aspect ratio.</p>
  <p>so, this is the basic frame (I think):</p>
  <pre><code>
  &lt;table&gt;
   &lt;tr &gt;
    &lt;td &gt;
     &lt;p &gt;&lt;img  src =&quot;data:image/png;base64,iVBORw0....&quot;&gt;&lt;/p&gt;
    &lt;/td&gt;
    &lt;td &gt;
     &lt;p &gt;Pieka Grobbelaar&lt;/p&gt;
     &lt;p &gt;082 111 0000 &lt;/p&gt;
     &lt;p &gt;pieka@mycompany.co.za&lt;/p&gt;
    &lt;/td&gt;
   &lt;/tr&gt;
  &lt;/table&gt;
  
  </code></pre>
  <p>What must I add top get the behavior I want?</p>