Change image size via parent div

Question

I tried to do so but it didn t change the size   lt div style  quot height 42px width 42px quot  gt      lt img src  quot http   someimage jpg quot  gt   lt  div gt   What will re-size it  I can t edit access the img element itself   Thanks in advance

User · Answer

Actually using 100  will not make the image bigger if the image is smaller than the div size you specified  You need to set one of the dimensions  height or width in order to have all images fill the space  In my experience it s better to have the height set so each row is the same size  then all items wrap to next line properly  This will produce an output similar to fotolia com   stock image website   with css   parent      width  42px     I took the width from your post and placed it in css       height  42px        This will style any  lt img gt  element in  parent div     parent img      height  42px      without    lt div style  height 42px width 42px  gt       lt img style  height 42px  src  http   someimage jpg  gt   lt  div gt

User · Answer

Yours      lt div style  height 42px width 42px  gt     lt img src  http   someimage jpg  gt            Is it okay to use this code      lt div class   box  gt     lt img src   http   someimage jpg  class   img  gt     lt  div gt      lt style type  text css  gt     box width  42  height  42      img width  20  height 20      lt  style gt    Just trying  though late   3 For someone else reading this  letme know if the way i wrote the code were not good  im new in this kind of language  and i still want to learn more

User · Answer

I m not sure about what you mean by  I have no access to image  But if you have access to parent div you can do the following   Firs give id or class to your div    lt div class  parent  gt      lt img src  http   someimage jpg  gt   lt  div gt    Than add this to your css    parent      width  42px     I took the width from your post and placed it in css       height  42px        This will style any  lt img gt  element in  parent div     parent img      height  100      width  100

User · Answer

I am doing this way    lt div class  card-logo  gt       lt img height  100   width  100   src  http   someimage jpg  gt   lt  div gt    and CSS    card-logo       width  20       I prefer this way  as if I need to upscale - I can use 150  as well

User · Answer

Apply 100  width and height to your image    lt div style  height 42px width 42px  gt     lt img src  http   someimage jpg  style  width 100   height 100   gt   lt  div gt    This way it will same size of its parent

[html] Change image size via parent div

Examples related to html

Examples related to image-size