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
Post a Comment