HTML, CSS : Image size not proper -


i working on spring-mvc project in have jsp files html,css code inside it. now, there span class text , image inside. image width , height set 90, image looking small, 1/3rd size of thumbnail. idea why happening , can rectify without increasing height , width. thank you.

code :

 <div class="span4">             <div class="service clearfix">                 <table>                     <tr>                         <td valign=top><img src="${pagecontext.request.contextpath}/resources/assets/img/image.jpg" alt="text" height="90" width="90"></td>                         <td>                             <p>"some texxt"                             </p>                     </tr>                 </table>                 <small style="margin-left: 107px">some text</small>              </div>         </div> 

now when ctrl press span4class, shows me 2 different line-numbers in intellij bootstrap, posting code on both of them.

span4 class :

.row-fluid .span4 {     width: 31.914893617021278%;     *width: 31.861702127659576% } 

2nd :

.span4 {     width: 300px } 

clearfix class :

.clearfix {     *zoom: 1 }  .clearfix:before, .clearfix:after {     display: table;     line-height: 0;     content: "" }  .clearfix:after {     clear: both } 

why image looking small, wrong in css? thank you.

screenshot

enter image description here

try make img tag max-width: 100% image responsive , wont have problems.

so need add code:

table tbody tr td img {     max-width: 100%; } 

Comments

Popular posts from this blog

java - Suppress Jboss version details from HTTP error response -

gridview - Yii2 DataPorivider $totalSum for a column -

Sass watch command compiles .scss files before full sftp upload -