2022.2

Whenthepositionpropertyofanelementissettoabsolute,thetoporbottomandleftor
rightpropertiescanbeusedtopositiontheelementinsideitsparentwithexactvalues(pixels(px),
centimeters(cm),etc).Negativevaluesareallowed.
Note: InWebsections,thepositionpropertymaysometimesbeusefulforimagesinsideaDiv
element,butgenerallyelementsshouldnotbepositionedabsolutely.DesignsfortheWebshould
beflexiblesothattheydisplaynicelyonavarietyofdevicesandscreensizes.
Background color and/or image
Inanytypeoftemplate,boxes,tablesandtablecellscanhaveabackgroundcolorand/orabackground
image.
Toselectabackgroundimageorcolor:
1. Right-clicktheboxandclickBoxontheshortcutmenu.
2. Alternatively,selectthebox(see"Selectinganelement"onpage174;notethataBoxisa<div>
element)andontheFormatmenuclickBox.
3. ClicktheBackgroundtab.
Todefineabackground color:
ClickthedownwardpointingarrownexttoColortoselectacolorfromthelistofpredefinedcolors(see
"Backgroundcolorand/orimage"above).
Alternatively,clickthesmallrectangletotherightofthecolorlisttoopentheColorPickerdialog.Inthis
dialogyoucanselectacolorfromthecolorwheel.Youcanalsochoosethecolormode:RGBorCMYK.
Foranexplanationofthesetwomodes,see"Backgroundcolorand/orimage"above;foranexplanation
oftheotheroptionsinthisdialog,see"ColorPicker"onpage438.
YoucouldalsotypeanameorvalueintheColorfielddirectly.Itmustbeavalidcolorname(seecolor
namesonw3schools),ahexadecimalcolorcode(seew3school'scolorpicker),RGBcolorvalue,for
examplergb(216,255,170)orCMYKcolorvalue,forexamplecmyk(15%, 0%, 33%, 0%).
Toselectabackground image:
1. ClicktheSelect Imagebutton.
2. ClickResources,DiskorUrl,dependingonwheretheimageislocated.
l
ResourcesliststheimagesthatarepresentintheImagesfolderontheResourcespane.
l
Disklistsimagefilesthatresideinafolderonaharddrivethatisaccessiblefromyourcom-
puter.ClicktheBrowsebuttontoselectafolder(oranimageinafolder).
Asanalternativeitispossibletoenterthepathmanually.Thecompletesyntax
Page 284