Section | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
|
...
Images in Headers/Footers
When you use the {image_control_name.img}, outputs <img src="the image's url"/>. This will output the image in its normal size. In this case, that is 174x170 pixels for the color grid.
You can instead use something like: <img src="{<image_control_name>.url}" width="50" height="50"/> to size the image smaller to fit.
If you want the image to be its true size and not be cut off, then you need to set you your margin top and bottom (in this case to 174px)accordingly.
If you don't set a margin size for either top or bottom and you also set either a header or footer, then the system picks an arbitrary margin height of 50px, for the header/footer that has the selected value. It is up to the designer to adjust the top or bottom margins to display the image as required.
...