Hi,
I am trying to insert an image into a table cell using HTML “img” tag and the “table builder”. The picture is inserted and displayed, however, the “width” and “height” attributes in the HTML code are ignored. The image is displayed full size both for “a href”s and non linked images in the published page. The smaller size is properly displayed in the “Table builder”. The width and height attributes are also included properly in the resulting source code as found in the published page.
The goal is to display a lighthouse image that expands to full size when clicked.
See page http://www.krav-maga.nu/index2.php?page_id=3143 using example images set to widht/height 80 and 100 respectively.
BR
Lars
Hi Lars!
Try the workaround Devin provided here:
https://kriesi.at/support/topic/scaled-images-now-at-100-in-enfold-child-after-upgrading-parent-enfold-2-7-1/#post-260759
Regards,
Josue
Thanks, that solved the issue but created another one. Removing height:auto; width:auto; caused havoc in the Portfolio Grids changing the scalings of the displayed images.
Hey!
Try adding this code to the Quick CSS:
.grid-entry img, .grid-entry a img {
border:none;
padding: 0;
margin:0;
display:inline-block;
max-width: 100%;
height:auto;
width:auto;
image-rendering: optimizeQuality;
}
Cheers!
Josue
Thanks!