Fit Image To Table Cell Width Percentage (html)

I organized my website content in a HTML table, and I've set specific widths for every cell (in percentages). Now I have a rather large image in a combined cell that is supposed to

Solution 1:

Try following code :

<table><tr><tdstyle="height:30%;  width:30%;"align="center"><imgstyle="display:block;"width="100%"height="100%"src="http://www.ursite.com/image.png" /></td><tdstyle="height:20%; width:20%;"align="center"><imgstyle="display:block;"width="100%"height="100%"src="http://www.ursite.com/image.png" /></td><tdstyle="height:20%; width:20%;"align="center"><imgstyle="display:block;"width="100%"height="100%"src="http://www.ursite.com/image.png" /></td></tr></table>

..... Here Is JSFIDDLE