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

    width: 100%;

Recommended Answers

All 4 Replies

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

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.

Hi, please try this code:


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


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.