03-05-2015, 07:23 AM
Code:
<img style="max-height: 150px; width: auto;" src="http://i284.photobucket.com/albums/ll27/Jennifer_Cutmore/afternoonteahistory2_zpsbg91hvcw.jpg">Alter the the number for the image's maximum height after the term max-height as needed; I've set the width to auto-adjust based on how you change the height, to match it and to prevent the image from becoming skewed.
The size-limit for signatures here is currently 200 pixels by 800, if I'm not mistaken, so it can be helpful to put the entire thing in a container of that size...
(The background-color is pink in my example, to show the size, but it won't be in the actual code.)
As you can see, the size is a bit over (hence the bottom lines not showing,) but we can fix that without having to shrink the image any more by making the image float over to the left (and giving it a little bit of padding to avoid too much crowding) :
Final code:
Code:
<div style="max-width: 800px; max-height: 200px; overflow: auto;">
<img style="max-height: 150px; width: auto; float: left; padding: 15px;" src="http://i284.photobucket.com/albums/ll27/Jennifer_Cutmore/afternoonteahistory2_zpsbg91hvcw.jpg">
<font style="font-style: italic; font-family: georgia; font-size: 18pt; color: #ffcc66;">Period Dress Dolls</font><br /><a style="font-style: italic; text-decoration: underline; font-family: georgia; font-size: 14pt; color: #99ccff!important;" href="http://www.perioddressdolls.blogspot.com">perioddressdolls.blogspot.com</a></div>