Member Avatar for SimonIoa

Hello i want to show the full image in a specified height div like this

        <div style="width:400px"> <img class="images" src="someimage.jpg"> </div>

i tried this

    .images
    {
    width: 100%;
      height:auto;
    }
  • 4 Contributors
  • 4 Replies
  • 2K Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by bollywood movie download
Member Avatar for SimonIoa

but it crops the image it doesnt show the full image in height and width

Member Avatar for gentlemedia

You say "in a specified height of div", but you havent specified a height on that div, so what's the problem?

Also what you have here on HTML & CSS, it doesn't crop the image.
https://codepen.io/gentlemedia/pen/xxxZzrq

Edited by gentlemedia
Member Avatar for Purvi_1

Hi, please try this code:

HTML

 <div>
  <img src="https://www.w3schools.com/images/picture.jpg">
 </div>

CSS

div {
   width: 50px; 
   height: 50px;
}

div img {
   height: 100%;
   width: 100%;
}
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.