调整图像的宽度和高度

Question

I have content stored in mysql, as following:

<table width="450" cellspacing="1" cellpadding="1" border="1">
    <tbody>
        <tr>
            <td><img width="513" height="680" align="left" alt=" src="/userfiles/image/pic.jpg" /></td>
            <td><img width="315" height="700" align="left" alt=" src="/userfiles/image/DSC_0389.JPG" /></td>
            <td><img width="580" height="320" align="left" alt=" src="/userfiles/image/ktxh.jpg" /></td>
        </tr>
    </tbody>
</table>

When I load from db, PHP and display in html by PHP, there is no problem.

Now, I want all images, be displayed by fixed width and height as 200 X 200 AND TABLE BORDER = '0'

<table width="200" cellspacing="1" cellpadding="1" border="0">
    <tbody>
        <tr>
            <td><img width="200" height="200" align="left" alt=" src="/userfiles/image/pic.jpg" /></td>
            <td><img width="200" height="200" align="left" alt=" src="/userfiles/image/DSC_0389.JPG" /></td>
            <td><img width="200" height="200" align="left" alt=" src="/userfiles/image/ktxh.jpg" /></td>
        </tr>
    </tbody>
</table>

How do I solve this problem?

Answer 1

Replace with this code and css

<style>
 .cstm
 {
   width:200px;
   height:200px
 }
 table
 {
  border:0
 }
</style>

<table width="200" cellspacing="1" cellpadding="1" border="0">
    <tbody>
        <tr>
            <td><img class="cstm" align="left" alt=" src="/userfiles/image/pic.jpg" /></td>
            <td><img class="cstm" align="left" alt=" src="/userfiles/image/DSC_0389.JPG" /></td>
            <td><img class="cstm" align="left" alt=" src="/userfiles/image/ktxh.jpg" /></td>
        </tr>
    </tbody>
</table>