2022.2

item.
Imagescanbestyledusingthesamedialog,orthroughtheCSSfiles;see"StylingtemplateswithCSS
files"onpage261.
Anumberofissuesrelatedtoimagestylingarediscussedinaseparatetopic:"Stylinganimage"on
page281.
Justlikemanyotherelements,imagescanbegivenbordersandroundedcorners,theycanhaveinner
andoutermarginsandtheycanberotated.Howtodothisisdescribedingeneralformattingtopics,
suchas"Border"onpage285and"Spacing"onpage296.Allgeneralformattingtopicsarelistedunder
"Stylingandformatting"onpage260.
Note: ItisrecommendedtoresizeimagesoutsideoftheDesigner,withimageeditingsoftware.

Settinganalternatetext
Onceanimagehasbeeninsertedinthecontentofatemplate,itcanhaveanalternatetext.
Thealternatetextwillbeshowninemailsatthepositionoftheimagewhiletheimageisloadingand
whentheimageisnotfound.
Tosetanalternativetext,clicktheimageandenterthealternatetextintheAlternate textfieldonthe
Attributespaneatthetopright.
UsingaCSSgradienttocreateanimage
CSSgradientsareanewtypeofimageaddedintheCSS3ImageModule.CSSgradientsletyoudis-
playsmoothtransitionsbetweentwoormorespecifiedcolors,whilerepeatinggradientsletyoudisplay
patterns.Thisway,usingimagefilesfortheseeffectscanbeavoided,therebyreducingdownloadtime
andbandwidthusage.Inaddition,objectswithgradientslookbetterwhenzoomedinabrowser,and
youcanadjustyourlayoutwithmuchmoreflexibility.
FormoreinformationaboutthevarioustypesofCSSgradientsandhowtousethem,see
https://developer.mozilla.org/docs/Web/CSS/CSS_Images/Using_CSS_gradients.
Note: WhenCSSrepeatinggradientsaredisplayedinaPDFreader,artifacts,likeverythinlines
mayoccur.Whenthishappens,trysettingthegradient'spositionalittlebitdifferent.
Table
Tablesservetwodifferentpurposes:theyareawaytodisplaydatainatabularformat,andtheyare
alsoawaytopositionelementsonapage.
InHTMLemail,Tablesarethemostreliablewaytopositiontextandimages;see"DesigninganEmail
template"onpage151.Inwebpages,ontheotherhand,InlineBoxesarethepreferredwaytoposition
elements.Tablesshouldonlybeusedtodisplaydatainatabularformat,nottopositiontextand
Page 244