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 span4
class, 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
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
Post a Comment