Give to the table a "width", for example by adding in your .css file something like:
Code:
table.mytable {
width: 100%; /*(or whatever the width you wish)*/
}
After that, give to the first column (cell) also a "width":
Code:
td.first {
width: 33%; /*(or whatever the width you wish)*/
}
Finally, give to the image a width of 100%:
Code:
td.first img {
width: 100%;
}
All that should fix your issue with your image. Of course, you must add the class "first" in your first cell of your table.mytable:
Code:
<table class="mytable">
<tbody>
<tr>
<td><img src="../Images/A.png"/></td>
<td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sapien tortor, malesuada convallis mi quis, mattis porta eros. Integer sed massa et felis aliquam interdum eget sed massa. Vestibulum luctus, lacus in posuere consectetur, neque orci maximus lectus, tristique aliquam tortor nulla id lacus. Sed tempor auctor felis at vulputate.</p></td>
</tr>
<tr>
<td class="first"><img src="../Images/D.png"/></td>
<td><p>Donec pretium dapibus felis at vestibulum. Morbi posuere mauris ac facilisis sollicitudin. Praesent iaculis mauris molestie ante cursus, sit amet ornare velit viverra. Cras dictum sollicitudin erat, mollis tempus orci hendrerit sit amet.</p></td>
</tr>
</tbody>
</table>