I am trying to place an image overlayed on top of another div. My knowledge of html and css is quite basic and I am currently using the script editor within access 2003 (creating a data access page) to help me along the way.
I have made a mockup of how I would like the image to be positioned on the form which can be seen in the attached file.
My current code for the whole page is:
Expand|Select|Wrap|Line Numbers
- <html>
- <head>
- <STYLE id=MSODAPDEFAULTS type=text/css>.MSTheme-Label {
- BORDER-RIGHT: 0px; PADDING-RIGHT: 3px; BORDER-TOP: 0px; PADDING-LEFT: 3px; FONT-SIZE: 8pt; OVERFLOW: visible; BORDER-LEFT: 0px; WIDTH: 2.539cm; BORDER-BOTTOM: 0px; FONT-FAMILY: Tahoma; HEIGHT: 0.396cm; TEXT-ALIGN: left
- }
- .MsoTextbox {
- PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 8pt; OVERFLOW: hidden; WIDTH: 2.539cm; FONT-FAMILY: Tahoma; HEIGHT: 0.502cm
- }
- .MsoBoundSpan {
- BORDER-RIGHT: 0px; PADDING-RIGHT: 3px; BORDER-TOP: 0px; PADDING-LEFT: 3px; FONT-SIZE: 8pt; OVERFLOW: hidden; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: Tahoma; TEXT-ALIGN: left
- }
- .MsoHyperlinkDisplayText {
- BORDER-RIGHT: 0px; PADDING-RIGHT: 3px; BORDER-TOP: 0px; PADDING-LEFT: 3px; FONT-SIZE: 8pt; OVERFLOW: hidden; BORDER-LEFT: 0px; CURSOR: hand; BORDER-BOTTOM: 0px; FONT-FAMILY: Tahoma; TEXT-ALIGN: left
- }
- .Mso2dSection {
- LEFT: 0px; BEHAVIOR: url(#DEFAULT#Mso2dSection); OVERFLOW: hidden; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: transparent
- }
- .Mso2dSectionBanner {
- PADDING-RIGHT: 4px; DISPLAY: none; PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; LEFT: 0px; BEHAVIOR: url(#DEFAULT#Mso2dSectionBanner); OVERFLOW: visible; PADDING-TOP: 2px; FONT-FAMILY: Tahoma; TOP: 0px; HEIGHT: 0.507cm; BACKGROUND-COLOR: buttonface
- }
- .MsoRectangle {
- BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; OVERFLOW: hidden; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
- }
- .MsoTitle {
- DISPLAY: none; FONT-WEIGHT: normal; COLOR: inactivecaptiontext
- }
- .MsoExpandCollapse {
- CURSOR: hand
- }
- .MsoNavContainer {
- BORDER-RIGHT: gainsboro 1px solid; BORDER-TOP: gainsboro 1px solid; Z-INDEX: -1; BORDER-LEFT: gainsboro 1px solid; CURSOR: hand; BORDER-BOTTOM: gainsboro 1px solid; HEIGHT: 25px; BACKGROUND-COLOR: gainsboro
- }
- .MsoNavButton {
- BORDER-RIGHT: gainsboro 1px solid; BORDER-TOP: gainsboro 1px solid; BORDER-LEFT: gainsboro 1px solid; CURSOR: auto; BORDER-BOTTOM: gainsboro 1px solid; BACKGROUND-REPEAT: no-repeat
- }
- .MsoNavButtonMouseOver {
- BORDER-RIGHT: highlight 1px solid; BORDER-TOP: highlight 1px solid; BORDER-LEFT: highlight 1px solid; BORDER-BOTTOM: highlight 1px solid; BACKGROUND-COLOR: buttonhighlight
- }
- .MsoNavToggleButtonMouseOver {
- BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonshadow 1px solid; BORDER-LEFT: buttonshadow 1px solid; BORDER-BOTTOM: buttonshadow 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: buttonshadow
- }
- .MsoNavButtonMouseDown {
- BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonshadow 1px solid; BORDER-LEFT: buttonshadow 1px solid; CURSOR: hand; BORDER-BOTTOM: buttonshadow 1px solid; BACKGROUND-COLOR: buttonshadow
- }
- .MsoNavRecordsetLabel {
- BORDER-RIGHT: gainsboro 1px solid; BORDER-TOP: gainsboro 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 8pt; OVERFLOW: hidden; BORDER-LEFT: gainsboro 1px solid; WIDTH: 100%; CURSOR: default; PADDING-TOP: 0px; BORDER-BOTTOM: gainsboro 1px solid; FONT-FAMILY: Tahoma; POSITION: relative
- }
- .MsoRecordSelector {
- BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonshadow 1px solid; OVERFLOW: hidden; BORDER-LEFT: buttonshadow 1px solid; BORDER-BOTTOM: buttonshadow 1px solid; HEIGHT: 100%; BACKGROUND-COLOR: gainsboro
- }
- .MsoRecordSelectorCurrent {
- BACKGROUND-POSITION: 1px 0px; BACKGROUND-IMAGE: url(owc://GIF/#11240); BACKGROUND-REPEAT: no-repeat
- }
- .MsoRecordSelectorSelectedImage {
- BACKGROUND-POSITION: 1px 0px; BACKGROUND-IMAGE: url(owc://GIF/#11241); BACKGROUND-REPEAT: no-repeat
- }
- .MsoRecordSelectorSelected {
- BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonshadow 1px solid; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: buttonshadow 1px solid; BORDER-BOTTOM: buttonshadow 1px solid; TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: buttonshadow
- }
- .MsoRecordSelectorDirtyCurrent {
- BACKGROUND-POSITION: -1px 0px; BACKGROUND-IMAGE: url(owc://GIF/#11242); BACKGROUND-REPEAT: no-repeat
- }
- .MsoRecordSelectorDirty {
- BACKGROUND-POSITION: -1px 0px; BACKGROUND-IMAGE: url(owc://GIF/#11245); BACKGROUND-REPEAT: no-repeat
- }
- .MsoRecordSelectorTransparent {
- LEFT: 0px; OVERFLOW: hidden; TOP: 0px
- }
- HR {
- COLOR: black
- }
- SELECT {
- FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
- }
- INPUT {
- FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
- }
- BODY {
- FONT-SIZE: 10pt; FONT-FAMILY: Tahoma
- }
- MARQUEE {
- FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
- }
- LEGEND {
- FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
- }
- BUTTON {
- FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
- }
- TEXTAREA {
- FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
- }
- </STYLE>
- <style type="text/css">
- .imgA1 { position:absolute; top: 25px; left: 200px; z-index: 1; }
- </style>
- <STYLE type=text/css>#fixedtipdiv {
- BORDER-RIGHT: #0e79e4 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #0e79e4 2px solid; PADDING-LEFT: 2px; Z-INDEX: 100; PADDING-BOTTOM: 2px; FONT: 8pt Tahoma; BORDER-LEFT: #0e79e4 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #0e79e4 2px solid; POSITION: absolute
- }
- </STYLE>
- <style type="text/css">
- .containerdiv { float: left; position: relative; }
- .cornerimage { position: absolute; top: 0; right: 0; }
- </style>
- </head>
- <body>
- <BODY style="OVERFLOW: auto; BACKGROUND-COLOR: #ddeeff" vLink=#800080
- link=#0000ff>
- <CENTER>
- <DIV class=Mso2dSection id=Captiontbllog
- style="BORDER-RIGHT: 1px solid black; BORDER-TOP: 1px solid black; FONT-WEIGHT: bold; VISIBILITY: inherit; MARGIN-LEFT: 40px; BORDER-LEFT: 1px solid black; WIDTH: 14.339cm; COLOR: white; BORDER-BOTTOM: 1px none black; HEIGHT: 1.393cm; BACKGROUND-COLOR: #0e79e4">
- <HR id=Line0
- style="LEFT: 0cm; WIDTH: 14.347cm; COLOR: white; POSITION: absolute; TOP: 1.113cm; HEIGHT: 1px"
- Line0>
- <SPAN class=MSTheme-Label id=Label5
- style="FONT-SIZE: 18pt; Z-INDEX: 2; LEFT: 2.09cm; OVERFLOW: hidden; WIDTH: 10.555cm; FONT-FAMILY: Siemens Sans; POSITION: absolute; TOP: 0.292cm; HEIGHT: 0.711cm">NONCONFORMANCE
- REPORT FORM</SPAN>
- </DIV>
- <DIV class=Mso2dSectionBanner id=HeadertbllogBanner
- style="MARGIN-LEFT: 40px; WIDTH: 14.339cm" tabIndex=-1><SPAN
- id=HeadertbllogBannerCaption>Header: tbllog</SPAN></DIV>
- <DIV class=Mso2dSection id=Headertbllog
- style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; VISIBILITY: inherit; MARGIN-LEFT: 40px; BORDER-LEFT: #000000 1px solid; WIDTH: 14.339cm; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 19.289cm; BACKGROUND-COLOR: #f9fcff"><SPAN
- class=MSTheme-Label id=NCC_ID_Label
- style="LEFT: 8.098cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 1.618cm; POSITION: absolute; TOP: 0.107cm; HEIGHT: 0.45cm; TEXT-ALIGN: left">NCC_ID:</SPAN><TEXTAREA class=MsoTextbox id=NCC_ID style="LEFT: 9.789cm; VISIBILITY: hidden; WIDTH: 47px; POSITION: absolute; TOP: 0.107cm; HEIGHT: 17px; TEXT-ALIGN: left" tabIndex=15 cols=1></TEXTAREA><SPAN
- class=MSTheme-Label id=DteReport_Label
- style="LEFT: 5.001cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 1.711cm; POSITION: absolute; TOP: 0.107cm; HEIGHT: 0.45cm; TEXT-ALIGN: left">DteReport:</SPAN><TEXTAREA class=MsoTextbox id=DteReport style="LEFT: 6.8cm; VISIBILITY: hidden; WIDTH: 41px; POSITION: absolute; TOP: 0.107cm; HEIGHT: 17px; TEXT-ALIGN: left" tabIndex=16 cols=9></TEXTAREA><SPAN
- class=MSTheme-Label id=DteOccur_Label
- style="FONT-WEIGHT: 400; FONT-SIZE: 8pt; LEFT: 11.006cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 1.64cm; POSITION: absolute; TOP: 0.107cm; HEIGHT: 0.396cm; TEXT-ALIGN: left">DteOccur</SPAN><TEXTAREA class=MsoTextbox id=DteOccur style="LEFT: 12.7cm; VISIBILITY: hidden; WIDTH: 30px; POSITION: absolute; TOP: 0.107cm; HEIGHT: 19px; TEXT-ALIGN: left" tabIndex=3 cols=2></TEXTAREA><SPAN
- class=MSTheme-Label id=Pdetected_Label
- style="FONT-WEIGHT: 700; FONT-SIZE: 8pt; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 1.183cm; POSITION: absolute; TOP: 1.006cm; HEIGHT: 0.476cm; TEXT-ALIGN: left">Name:</SPAN><TEXTAREA class=MsoTextbox id=Pdetected style="LEFT: 3.096cm; WIDTH: 189px; POSITION: absolute; TOP: 1.402cm; HEIGHT: 19px; TEXT-ALIGN: left" tabIndex=1 rows=1 cols=1></TEXTAREA><SPAN
- class=MSTheme-Label id=NCDescrip_Label
- style="FONT-WEIGHT: 700; FONT-SIZE: 8pt; LEFT: 2.911cm; OVERFLOW: hidden; WIDTH: 5.291cm; POSITION: absolute; TOP: 7.805cm; HEIGHT: 0.396cm; TEXT-ALIGN: left">State the
- nonconformance event:</SPAN><TEXTAREA class=MsoTextbox id=NCDescrip style="OVERFLOW-Y: auto; LEFT: 3.096cm; WIDTH: 304px; POSITION: absolute; TOP: 8.202cm; HEIGHT: 49px; TEXT-ALIGN: left" tabIndex=8 rows=1></TEXTAREA><SPAN
- class=MSTheme-Label id=NCCause_Label
- style="FONT-WEIGHT: 700; FONT-SIZE: 8pt; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 8.121cm; POSITION: absolute; TOP: 11.298cm; HEIGHT: 0.396cm; TEXT-ALIGN: left">State
- the probable cause of the nonconformance:</SPAN><TEXTAREA class=MsoTextbox onpaste="return maxLengthPaste(this,'255');" id=NCCause style="OVERFLOW-Y: auto; LEFT: 3.096cm; WIDTH: 304px; POSITION: absolute; TOP: 11.694cm; HEIGHT: 46px; TEXT-ALIGN: left" tabIndex=10 rows=1></TEXTAREA><SPAN
- class=MSTheme-Label id=NCLocation_Label
- style="FONT-WEIGHT: 700; FONT-SIZE: 8pt; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 5.529cm; POSITION: absolute; TOP: 6.589cm; HEIGHT: 0.396cm; TEXT-ALIGN: left">Location
- of nonconformance event:</SPAN><TEXTAREA class=MsoTextbox id=NCLocation style="LEFT: 3.096cm; WIDTH: 167px; POSITION: absolute; TOP: 7.01cm; HEIGHT: 19px; TEXT-ALIGN: left" tabIndex=7 cols=19></TEXTAREA><SPAN
- class=MSTheme-Label id=PNumOrRef_Label
- style="FONT-WEIGHT: 700; FONT-SIZE: 8pt; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 3.122cm; POSITION: absolute; TOP: 5.398cm; HEIGHT: 0.396cm; TEXT-ALIGN: left">Reference
- number: </SPAN><TEXTAREA class=MsoTextbox id=PNumOrRef style="LEFT: 3.096cm; WIDTH: 167px; POSITION: absolute; TOP: 5.794cm; HEIGHT: 19px; TEXT-ALIGN: left" tabIndex=6 cols=18></TEXTAREA><SPAN
- class=MSTheme-Label id=DropdownList0_Label title=NCType
- style="FONT-WEIGHT: 700; FONT-SIZE: 8pt; Z-INDEX: 1; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 5.491cm; POSITION: absolute; TOP: 10.003cm; HEIGHT: 0.476cm">Select
- the type of nonconformance:</SPAN><SELECT id=DropdownList0
- style="Z-INDEX: 2; LEFT: 3.096cm; WIDTH: 6.109cm; POSITION: absolute; TOP: 10.399cm; HEIGHT: 0.502cm"
- tabIndex=9></SELECT><SPAN class=MSTheme-Label id=Label1
- style="FONT-WEIGHT: 700; FONT-SIZE: 10pt; Z-INDEX: 6; LEFT: 1.191cm; OVERFLOW: hidden; WIDTH: 4.805cm; COLOR: #000000; POSITION: absolute; TOP: 0.292cm; HEIGHT: 0.476cm">Section
- 1: About you</SPAN><SPAN class=MSTheme-Label id=Label2
- style="FONT-WEIGHT: 700; FONT-SIZE: 10pt; Z-INDEX: 7; LEFT: 1.191cm; OVERFLOW: hidden; WIDTH: 6.798cm; COLOR: #000000; POSITION: absolute; TOP: 3.386cm; HEIGHT: 0.476cm">Section
- 2: About the nonconformance</SPAN><SPAN class=MSTheme-Label id=Label3
- style="FONT-WEIGHT: 700; FONT-SIZE: 10pt; Z-INDEX: 8; LEFT: 1.191cm; OVERFLOW: hidden; WIDTH: 5.404cm; COLOR: #000000; POSITION: absolute; TOP: 14.712cm; HEIGHT: 0.476cm">Section
- 3: Action taken</SPAN>
- <HR id=Line6
- style="LEFT: 0.688cm; WIDTH: 12.669cm; COLOR: #000000; POSITION: absolute; TOP: 0.688cm; HEIGHT: 1px"
- Line6>
- <HR id=Line7
- style="Z-INDEX: 9; LEFT: 0.688cm; WIDTH: 12.669cm; COLOR: #000000; POSITION: absolute; TOP: 3.81cm; HEIGHT: 1px"
- Line6>
- <HR id=Line8
- style="Z-INDEX: 10; LEFT: 0.688cm; WIDTH: 12.669cm; COLOR: #000000; POSITION: absolute; TOP: 15.108cm; HEIGHT: 1px"
- Line6>
- <INPUT id=checktheysaved
- style="Z-INDEX: 12; LEFT: 9.208cm; VISIBILITY: hidden; WIDTH: 0.458cm; POSITION: absolute; TOP: 14.102cm; HEIGHT: 0.396cm"
- tabIndex=34 type=checkbox><SPAN class=MSTheme-Label id=Check0_Label
- style="Z-INDEX: 11; LEFT: 10.107cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 1.984cm; POSITION: absolute; TOP: 14.102cm; HEIGHT: 0.396cm">did
- they save</SPAN><BUTTON id=btnresetform
- style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; Z-INDEX: 2; LEFT: 8.969cm; BORDER-LEFT: 1px solid; WIDTH: 2.085cm; BORDER-BOTTOM: 1px solid; POSITION: absolute; TOP: 17.991cm; HEIGHT: 0.7cm; BACKGROUND-COLOR: #fbffff"
- tabIndex=33 MsoTextAlign="General">Reset form</BUTTON><BUTTON id=btnsubmit
- style="BORDER-RIGHT: #000000 1px outset; BORDER-TOP: #000000 1px outset; FONT-WEIGHT: 700; Z-INDEX: 1; LEFT: 3.068cm; BORDER-LEFT: #000000 1px outset; WIDTH: 2.979cm; COLOR: #fbffff; BORDER-BOTTOM: #000000 1px outset; POSITION: absolute; TOP: 17.805cm; HEIGHT: 0.966cm; BACKGROUND-COLOR: #0e79e4"
- tabIndex=13 MsoTextAlign="General">SUBMIT REPORT</BUTTON><SPAN
- class=MSTheme-Label id=NCImmediateAct_Label
- style="FONT-WEIGHT: 700; FONT-SIZE: 8pt; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 7.592cm; POSITION: absolute; TOP: 15.504cm; HEIGHT: 0.396cm">State
- any immediate action that has been taken:</SPAN><TEXTAREA class=MsoTextbox id=NCImmediateAct style="OVERFLOW-Y: auto; Z-INDEX: 22; LEFT: 3.096cm; WIDTH: 7.981cm; POSITION: absolute; TOP: 16.007cm; HEIGHT: 1.286cm" tabIndex=12 rows=1 cols=18 MsoTextAlign="General"></TEXTAREA>
- <SPAN class=MSTheme-Label id=lblhelp-name
- onmouseover="fixedtooltip('Enter your name in the format of full first name and full second name.<br><br> E.g. John Smith',this,event,'200px')"
- style="FONT-WEIGHT: 700; Z-INDEX: 23; LEFT: 12.7cm; OVERFLOW: hidden; WIDTH: 0.501cm; CURSOR: default; COLOR: #0e79e4; POSITION: absolute; TOP: 1.402cm; HEIGHT: 0.396cm"
- onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label
- id=lblhelp-theirdept
- onmouseover="fixedtooltip('Select your department from the drop down list.<br><br> If your department is not listed select the closest work stream.',this,event,'200px')"
- style="FONT-WEIGHT: 700; Z-INDEX: 24; LEFT: 12.7cm; OVERFLOW: hidden; WIDTH: 0.501cm; CURSOR: default; COLOR: #0e79e4; POSITION: absolute; TOP: 2.593cm; HEIGHT: 0.396cm"
- onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label
- id=lblhelp-dateoccurred
- onmouseover="fixedtooltip('Enter the date on which the nonconformance event was realised.',this,event,'200px')"
- style="FONT-WEIGHT: 700; Z-INDEX: 3; LEFT: 12.7cm; OVERFLOW: hidden; WIDTH: 0.501cm; CURSOR: default; COLOR: #0e79e4; POSITION: absolute; TOP: 4.709cm; HEIGHT: 0.396cm"
- onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label
- id=lblhelp-projrefno
- onmouseover="fixedtooltip('Enter a reference number if available.<br><br> This could be (but not limited to): <br> Project Number <br> CCGT Reference <br> Part Number <br> Machine Number <br> Sales order number.',this,event,'200px')"
- style="FONT-WEIGHT: 700; Z-INDEX: 25; LEFT: 12.7cm; OVERFLOW: hidden; WIDTH: 0.501cm; CURSOR: default; COLOR: #0e79e4; POSITION: absolute; TOP: 5.794cm; HEIGHT: 0.396cm"
- onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label id=lblhelp-location
- onmouseover="fixedtooltip('State the location where the nonconformance occurred.<br><br>This could be a physical place or at a stage within a process.',this,event,'200px')"
- style="FONT-WEIGHT: 700; Z-INDEX: 26; LEFT: 12.7cm; OVERFLOW: hidden; WIDTH: 0.501cm; CURSOR: default; COLOR: #0e79e4; POSITION: absolute; TOP: 7.092cm; HEIGHT: 0.396cm"
- onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label
- id=lblhelp-ncdescription
- onmouseover="fixedtooltip('Use this section to describe the nonconformance.<br><br>What is the problem? What requirement has not been met?<br><br>This information should all be related to WHAT the nonconformance is.<br><br>The description should not be stating the cause of the event.',this,event,'200px')"
- style="FONT-WEIGHT: 700; Z-INDEX: 27; LEFT: 12.7cm; OVERFLOW: hidden; WIDTH: 0.501cm; CURSOR: default; COLOR: #0e79e4; POSITION: absolute; TOP: 8.202cm; HEIGHT: 0.396cm"
- onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label id=lblhelp-nctype
- onmouseover="fixedtooltip('The nonconformance type should be selected from the dropdown menu.<br><br>Your selection should relfect categorisation of the nonconformance description.<br><br>This will aid in analysis of nonconformance events.',this,event,'200px')"
- style="FONT-WEIGHT: 700; Z-INDEX: 28; LEFT: 12.7cm; OVERFLOW: hidden; WIDTH: 0.501cm; CURSOR: default; COLOR: #0e79e4; POSITION: absolute; TOP: 10.399cm; HEIGHT: 0.396cm"
- onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label id=lblhelp-nccause
- onmouseover="fixedtooltip('Use this section to state what you think the probable cause for the event is.<br><br>This information will aid in investigating the nonconformance and assigning responsibility to the correct department.<br><br> There is no need to go in to in-depth analysis as this information should be based purely on your initial interpretation of the event.',this,event,'200px')"
- style="FONT-WEIGHT: 700; Z-INDEX: 29; LEFT: 12.7cm; OVERFLOW: hidden; WIDTH: 0.501cm; CURSOR: default; COLOR: #0e79e4; POSITION: absolute; TOP: 11.694cm; HEIGHT: 0.396cm"
- onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label
- id=lblhelp-deptrespons
- onmouseover="fixedtooltip('Select the department that you believe is probably responsible.<br><br>This selection may be reviewed during investigation. However it should reflect your current interpretation of who is responsible.',this,event,'200px')"
- style="FONT-WEIGHT: 700; Z-INDEX: 30; LEFT: 12.7cm; OVERFLOW: hidden; WIDTH: 0.501cm; CURSOR: default; COLOR: #0e79e4; POSITION: absolute; TOP: 13.891cm; HEIGHT: 0.396cm"
- onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label
- id=lblhelp-immediateaction
- onmouseover="fixedtooltip('Any immediate action taken upon realising the nonconformance event should be noted here.<br><br>Any recorded actions will aid in investigating the current state of the nonconformance.<br><br>Examples could be: Raised issue/reported to manager(s), informed relevant parties involved.',this,event,'200px')"
- style="FONT-WEIGHT: 700; Z-INDEX: 32; LEFT: 12.7cm; OVERFLOW: hidden; WIDTH: 0.501cm; CURSOR: default; COLOR: #0e79e4; POSITION: absolute; TOP: 16.007cm; HEIGHT: 0.396cm"
- onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label id=Label4
- style="Z-INDEX: 49; LEFT: 7.488cm; OVERFLOW: hidden; WIDTH: 1.397cm; COLOR: black; POSITION: absolute; TOP: 5.794cm; HEIGHT: 0.396cm">(optional)</SPAN><SPAN
- class=MSTheme-Label id=Label7
- style="Z-INDEX: 51; LEFT: 11.087cm; OVERFLOW: hidden; WIDTH: 1.397cm; COLOR: black; POSITION: absolute; TOP: 16.007cm; HEIGHT: 0.396cm">(optional)</SPAN><SELECT
- id=combodays
- style="Z-INDEX: 53; LEFT: 3.096cm; WIDTH: 0.969cm; POSITION: absolute; TOP: 4.605cm; HEIGHT: 0.502cm"
- tabIndex=3 size=1><OPTION value=1 selected>1</OPTION><OPTION
- value=2>2</OPTION><OPTION value=3>3</OPTION><OPTION value=4>4</OPTION><OPTION
- value=5>5</OPTION><OPTION value=6>6</OPTION><OPTION value=7>7</OPTION><OPTION
- value=8>8</OPTION><OPTION value=9>9</OPTION><OPTION
- value=10>10</OPTION><OPTION value=11>11</OPTION><OPTION
- value=12>12</OPTION><OPTION value=13>13</OPTION><OPTION
- value=14>14</OPTION><OPTION value=15>15</OPTION><OPTION
- value=16>16</OPTION><OPTION value=17>17</OPTION><OPTION
- value=18>18</OPTION><OPTION value=19>19</OPTION><OPTION
- value=20>20</OPTION><OPTION value=21>21</OPTION><OPTION
- value=22>22</OPTION><OPTION value=23>23</OPTION><OPTION
- value=24>24</OPTION><OPTION value=25>25</OPTION><OPTION
- value=26>26</OPTION><OPTION value=27>27</OPTION><OPTION
- value=28>28</OPTION><OPTION value=29>29</OPTION><OPTION
- value=30>30</OPTION><OPTION value=31>31</OPTION></SELECT><SELECT id=combomonths
- style="Z-INDEX: 55; LEFT: 4.206cm; WIDTH: 2.54cm; POSITION: absolute; TOP: 4.605cm; HEIGHT: 0.396cm"
- tabIndex=4><OPTION value=January selected>January</OPTION><OPTION
- value=February>February</OPTION><OPTION value=March>March</OPTION><OPTION
- value=April>April</OPTION><OPTION value=May>May</OPTION><OPTION
- value=June>June</OPTION><OPTION value=July>July</OPTION><OPTION
- value=August>August</OPTION><OPTION value=September>September</OPTION><OPTION
- value=October>October</OPTION><OPTION value=November>November</OPTION><OPTION
- value=December>December</OPTION></SELECT><SELECT id=comboyear
- style="Z-INDEX: 57; LEFT: 6.8cm; WIDTH: 1.41cm; POSITION: absolute; TOP: 4.605cm; HEIGHT: 0.502cm"
- tabIndex=5><OPTION value=2010 selected>2010</OPTION><OPTION
- value=2011>2011</OPTION><OPTION value=2012>2012</OPTION><OPTION
- value=2013>2013</OPTION><OPTION value=2014>2014</OPTION><OPTION
- value=2015>2015</OPTION><OPTION value=2016>2016</OPTION><OPTION
- value=2017>2017</OPTION><OPTION value=2018>2018</OPTION><OPTION
- value=2019>2019</OPTION><OPTION value=2020>2020</OPTION></SELECT><SPAN
- class=MSTheme-Label id=Label14
- style="FONT-WEIGHT: 700; Z-INDEX: 58; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 3.174cm; POSITION: absolute; TOP: 4.206cm; HEIGHT: 0.396cm">Date
- of occurrence:</SPAN><SPAN class=MSTheme-Label id=mycounter
- style="FONT-WEIGHT: 700; Z-INDEX: 59; LEFT: 4.288cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0.82cm; POSITION: absolute; TOP: 12.911cm; HEIGHT: 0.396cm; TEXT-ALIGN: right">255</SPAN><SPAN
- class=MSTheme-Label id=Label8
- style="Z-INDEX: 60; LEFT: 2.99cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 1.401cm; POSITION: absolute; TOP: 12.911cm; HEIGHT: 0.396cm; TEXT-ALIGN: right">You
- have</SPAN><SPAN class=MSTheme-Label id=Label9
- style="Z-INDEX: 61; LEFT: 5.105cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 5.582cm; POSITION: absolute; TOP: 12.911cm; HEIGHT: 0.396cm; TEXT-ALIGN: right">characters
- remaining for your description.</SPAN><SPAN class=MSTheme-Label id=Label12
- style="Z-INDEX: 64; LEFT: 5.105cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 5.582cm; POSITION: absolute; TOP: 9.5cm; HEIGHT: 0.396cm; TEXT-ALIGN: right">characters
- remaining for your description.</SPAN><SPAN class=MSTheme-Label id=mycounter2
- style="FONT-WEIGHT: 700; Z-INDEX: 63; LEFT: 4.288cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0.82cm; POSITION: absolute; TOP: 9.5cm; HEIGHT: 0.396cm; TEXT-ALIGN: right">255</SPAN><SPAN
- class=MSTheme-Label id=Label10
- style="Z-INDEX: 62; LEFT: 2.99cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 1.401cm; POSITION: absolute; TOP: 9.5cm; HEIGHT: 0.396cm; TEXT-ALIGN: right">You
- have</SPAN><SPAN class=MSTheme-Label id=Label15
- style="Z-INDEX: 67; LEFT: 2.99cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 1.401cm; POSITION: absolute; TOP: 17.305cm; HEIGHT: 0.396cm; TEXT-ALIGN: right">You
- have</SPAN><SPAN class=MSTheme-Label id=mycounter3
- style="FONT-WEIGHT: 700; Z-INDEX: 66; LEFT: 4.288cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0.82cm; POSITION: absolute; TOP: 17.305cm; HEIGHT: 0.396cm; TEXT-ALIGN: right">255</SPAN><SPAN
- class=MSTheme-Label id=Label13
- style="Z-INDEX: 65; LEFT: 5.105cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 5.582cm; POSITION: absolute; TOP: 17.305cm; HEIGHT: 0.396cm; TEXT-ALIGN: right">characters
- remaining for your description.</SPAN><SPAN class=MSTheme-Label
- id=DeptResp_Label
- style="FONT-WEIGHT: 700; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 5.423cm; POSITION: absolute; TOP: 13.414cm; HEIGHT: 0.396cm">Proposed
- department responsible:</SPAN><SELECT id=DeptResp
- style="Z-INDEX: 69; LEFT: 3.096cm; WIDTH: 5.001cm; POSITION: absolute; TOP: 13.813cm; HEIGHT: 0.502cm"
- tabIndex=11><OPTION selected></OPTION></SELECT><SPAN class=MSTheme-Label
- id=DeptRaisedBy1_Label
- style="FONT-WEIGHT: 700; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 2.142cm; POSITION: absolute; TOP: 2.197cm; HEIGHT: 0.396cm">Department:</SPAN><SELECT
- id=DeptRaisedBy
- style="Z-INDEX: 70; LEFT: 3.096cm; WIDTH: 5.001cm; POSITION: absolute; TOP: 2.593cm; HEIGHT: 0.502cm"
- tabIndex=2><OPTION selected></OPTION></SELECT></DIV>
- <DIV class=Mso2dSectionBanner id=NavigationtbllogBanner
- style="MARGIN-LEFT: 40px; WIDTH: 14.339cm" tabIndex=-1><SPAN
- id=NavigationtbllogBannerCaption>Navigation: tbllog</SPAN></DIV>
- <DIV class=Mso2dSection id=Navigationtbllog
- style="BORDER-TOP-WIDTH: 1px; BORDER-RIGHT: 1px solid; VISIBILITY: inherit; MARGIN-LEFT: 40px; BORDER-LEFT: 1px solid; WIDTH: 14.339cm; BORDER-BOTTOM: 1px solid; HEIGHT: 0.396cm; BACKGROUND-COLOR: #0e79e4"></DIV></CENTER></CENTER>
- </body>
- </html>
Where the area in question is:
Expand|Select|Wrap|Line Numbers
- <DIV class=Mso2dSectionBanner id=CaptiontbllogBanner
- style="MARGIN-LEFT: 40px; WIDTH: 14.341cm" tabIndex=-1>
- <P align=left>
- <CENTER><SPAN id=CaptiontbllogBannerCaption>Caption: tbllog</SPAN> </DIV>
- <DIV class=Mso2dSection id=Captiontbllog
- style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: bold; VISIBILITY: inherit; MARGIN-LEFT: 40px; BORDER-LEFT: black 1px solid; WIDTH: 14.341cm; COLOR: white; BORDER-BOTTOM: black 1px; HEIGHT: 1.402cm; BACKGROUND-COLOR: #0e79e4">
- <HR id=Line0
- style="LEFT: 0cm; WIDTH: 14.347cm; COLOR: white; POSITION: absolute; TOP: 1.113cm; HEIGHT: 1px"
- Line0>
- <SPAN class=MSTheme-Label id=Label5
- style="FONT-SIZE: 18pt; Z-INDEX: 2; LEFT: 2.09cm; OVERFLOW: hidden; WIDTH: 10.555cm; FONT-FAMILY: Siemens Sans; POSITION: absolute; TOP: 0.292cm; HEIGHT: 0.711cm">NONCONFORMANCE
- REPORT FORM</SPAN> </DIV>
As you can see the image is transparent hence why I would like the edges to protrude from the top of the coloured header div of the form. I have tried placing the image within the header and using offsets but it really didnt provide the desired result.
Any help is appreciated,
Chris