Suppress auto scaling of picture

  • Resolved eehmke

    (@eehmke)


    8 years ago

    In my website there is a big picture (about 4000 pixels wide). When it is included into a page, it is rescaled to fit the size of the page. What I want in this special case that it is displayed in the original size and get scroll bars attached to scroll through the picture. What must be done?

Viewing 5 replies - 1 through 5 (of 5 total)
  • rdellconsulting

    (@rdellconsulting)

    8 years ago

    Link to site?

    Thread Starter eehmke

    (@eehmke)

    8 years ago

    This is a link to the page in question:
    http://sft.daec-berlin.de/index.php/aussteller/erdgeschoss/
    The page html is:
    <img class="scroll-img" src="http://sft.daec-berlin.de/wp-content/uploads/2016/04/Erdgeschoss14.04.png" alt="Erdgeschoss 14.04" width="4608" height="3273" />
    I found that deactivating the max-width:100% attribute of the img class does what I want. But when I define a custon css class scroll-img that does not contain this attribute, it is still derived from the original img class. How can I suppress it?

    rdellconsulting

    (@rdellconsulting)

    8 years ago

    I have a 1920px wide monitor which is showing the image in the way you want? It is using:

    .scroll-img {
    max-width: unset;
    width: auto;
    height: auto;
    vertical-align: middle;
    border: 0;
}

    But max-width: unset isn’t valid CSS (to my knowledge)?

    Thread Starter eehmke

    (@eehmke)

    8 years ago

    Ok I changed it to none. Works as well. Thank you, problem solved.

    rdellconsulting

    (@rdellconsulting)

    8 years ago

    Great. Please mark as [resolved] in rhs sidebar.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Suppress auto scaling of picture’ is closed to new replies.