javascript - How to increase image size based on table contents using html? -


i have created 1 table.again create 1 table table created @ inside of first table.

first table : added 1 image. second table : write content.

content large second table increase first table , images not increased.so how increase image size.

i used following code :

<html>    <head>     <style type="text/css">         body {             font-family: calibri;         }           table tr {             border: none;         }          a, a:link, a:visited, a:active {             text-decoration: none;             color: #09b0ce;         }           img {             border: none;             width: 100%;             height: auto;         }       </style>    </head>       <body>                     <table cellspacing="1"  cellpadding="0" align="center" id="main-panel"     style="width: 100%; background-color:#f2f2f2; color: rgb(75, 75, 75); border-collapse: collapse; border: 1px solid #f2f2f2;">         <tbody>             <tr>                  <td >                     <table  align="center" width="640px" style="width: 640px; padding: 2px 0px 2px 0px; background-color: #17b8dd">                         <tbody>                             <tr>                                 <td style="width:100%;">                                     <table>                                         <tr>                                             <td width="85%" style="padding-top:10px">                                                 <a href="http://www.s.com">                                                 <img src="http://kb/logo.png" alt="s.inc style="height:auto; width:auto" sizes="80vw"/>                                                 </a>                                             </td>                                         </tr>                                     </table>                                 </td>                             </tr>                         </tbody>                     </table>                 </td>             </tr>  <tr>                 <td style="padding: 0px 0px 0px 0px;">                      <table style="color: #4d4d4d; font-size: 14px; font-weight: normal; width: 100%; border:1px solid #cccccc; padding: 10px 0px 10px 20px;" border="1px" cellspacing="2" cellpadding="3">                         <tbody>                             <tr style="padding: 10px 10px 5px 10px;">                                 <th style="width: 32%">control</th>                                 <th style="width: 36%">test case name</th>                                 <th style="width: 32%">status</th>                             </tr>                             <tr style="padding: 10px 10px 5px 10px;">                                 <th style="width: 32%">enterpriseserver</th>                                 <th style="width: 36%">addpasswordfordatasource_validdatasourceidandpassword_passwordaddedindatasourcedetail</th>                             <th style="width: 32%">failed</th>                             </tr>                         </tbody>                     </table>                 </td>             </tr>           </tbody>          </table> 

try

<table cellspacing="1" cellpadding="0" align="center" id="main-panel" style="width: 100%; background-color:#f2f2f2; color: rgb(75, 75, 75); border-collapse: collapse; border: 1px solid #f2f2f2;">     <tbody>         <tr>              <td>                 <table align="center" width="" style="width:100% ; padding: 2px 0px 2px 0px; background-color: #17b8dd">                     <tbody>                         <tr>                             <td style="width:100%;">                                 <table>                                     <tbody><tr>                                         <td width="" style="padding-top:10px">                                             <a href="http://www.s.com">                                             <img src="http://dakhal.net/archieves/2/image/news_image_98.jpeg" alt="s.inc style=" width="100%">                                             </a>                                         </td>                                     </tr>                                 </tbody></table>                             </td>                         </tr>                     </tbody>                 </table>             </td>         </tr> <tr> <td style="padding: 0px 0px 0px 0px;">                  <table style="color: #4d4d4d; font-size: 14px; font-weight: normal; width: 100%; border:1px solid #cccccc; padding: 10px 0px 10px 20px;" border="1px" cellspacing="2" cellpadding="3">                     <tbody>                         <tr style="padding: 10px 10px 5px 10px;">                             <th style="width: 32%">control</th>                             <th style="width: 36%">test case name</th>                             <th style="width: 32%">status</th>                         </tr>                      <tr style="padding: 10px 10px 5px 10px;">                             <th style="width: 32%">enterpriseserver</th>                             <th style="width: 36%">addpasswordfordatasource_validdatasourceidandpassword_passwordaddedindatasourcedetail</th>                         <th style="width: 32%">failed</th>                         </tr>                     </tbody>                 </table>             </td>         </tr>       </tbody>      </table> 

Comments

Popular posts from this blog

javascript - How to get current YouTube IDs via iMacros? -

c# - Maintaining a program folder in program files out of date? -

emulation - Android map show my location didn't work -