How to set the maximum height of CSS images?


Tags: html,css

Problem :

How can I fix the height of this image here in this page :

The original size of the image is 196 x 196 px. But, when the image is loaded on the page, it is shown much bigger than this size.

How this image height can be set to maximum 280px?



Solution :

The reason is that the image is taking the dimensions of the container.

Use max-height

.advance-link img {
    max-height: 280px;
    width: auto;
}

See the snapshot of the edited properties on your site.

Snapshot


    CSS Howto..

    How to create full height content section with fixed header and footer in CSS with scrollbar hidden if not required [closed]

    How can images be resized using Bootstrap

    How can I make a border wrap around a group of pictures?

    How to horizontally stack elements using CSS?

    How to write many functions in one JS function

    How to align a background image to bottom of table cells in css?

    how scrollable text line inside a div without showing scroll bars

    How to vertically center items in a div while keeping responsiveness? [duplicate]

    How to free a paragraph from its CSS style?

    How can I force a table cell onto a new row

    How to create an image hover fade effect with jQuery and CSS?

    django render_to_response how to send special characters

    How to adjust nav menu based nav item name character length?

    How can I add a hover effect to icons with CSS? [closed]

    How to add jQuery function to hover (show) and then click to show another menu

    How to add another text decoration definition with Javascript?

    How to fire a new css animation when the element already has one?

    How to read CSS specification?

    css margin-left propery - how to specify for various browsers [closed]

    How do I remove white space due to position relative of CSS?

    how to effect td on fixed table layout

    How to denote common class names with slight numeral changes into one - CSS shorthand?

    How to make a div 100% width minus a certain amount?

    how to center align IMG in div?

    How do I use Parent page to get attributes for wp_nav_menu buttons?

    advice about how to vertically center content in fluid element

    How to find elements and siblings within a tree

    Wordpress how to make sticky navigation menu / make the menu stick to the top all the time?

    How to avoid third party CSS to affect current CSS? [closed]

    css how to set the tr that has a speicifc id