Can You Auto-scale Images Embedded In HTML Blocks?

Darter02

I'm playing around with some tabs using the code I found on the Tabbed Pages Tutorial.

I wanted to include an image or two in the content of my tabs. Even choosing the smallest size, when viewed on a mobile devise they bleed off the tab.



Is there an HTML code I can use to cause my image to auto scale to a certain size?

Here's the code I am using to embed an image into the HTML block.

<a href="http://www.ronlutzii-photographer.com/Ta/2014-08-30a-1" title="">
<img src="http://www.ronlutzii-photographer.com/photos/i-cF4jbNr/6/S/i-cF4jbNr-S.jpg" 
title="" alt="WI; Wisconsin; wedding; marriage; nuptials; ceremony; fun; love; happy; 
happiness; portraits; portrait; formal; bride; dressing; pre-ceremony"></a>

Hikin' Mike

You can try adding 'style="max-width: 100%;"' to your HTML. I would add a class though, like class="my-image", then add this to your CSS:

.my-image {
    max-width: 100%;
    }

Darter02

Thanks! For this instance I stuck with the HTML solution. I wanted to keep the option of having specific images be different sizes.