473,326 Members | 2,111 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,326 software developers and data experts.

Overlay image on top of div form header

374 256MB
All,

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
  1. <html>
  2.  
  3. <head>
  4. <STYLE id=MSODAPDEFAULTS type=text/css>.MSTheme-Label {
  5.     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
  6. }
  7. .MsoTextbox {
  8.     PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 8pt; OVERFLOW: hidden; WIDTH: 2.539cm; FONT-FAMILY: Tahoma; HEIGHT: 0.502cm
  9. }
  10. .MsoBoundSpan {
  11.     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
  12. }
  13. .MsoHyperlinkDisplayText {
  14.     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
  15. }
  16. .Mso2dSection {
  17.     LEFT: 0px; BEHAVIOR: url(#DEFAULT#Mso2dSection); OVERFLOW: hidden; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: transparent
  18. }
  19. .Mso2dSectionBanner {
  20.     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
  21. }
  22. .MsoRectangle {
  23.     BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; OVERFLOW: hidden; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
  24. }
  25. .MsoTitle {
  26.     DISPLAY: none; FONT-WEIGHT: normal; COLOR: inactivecaptiontext
  27. }
  28. .MsoExpandCollapse {
  29.     CURSOR: hand
  30. }
  31. .MsoNavContainer {
  32.     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
  33. }
  34. .MsoNavButton {
  35.     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
  36. }
  37. .MsoNavButtonMouseOver {
  38.     BORDER-RIGHT: highlight 1px solid; BORDER-TOP: highlight 1px solid; BORDER-LEFT: highlight 1px solid; BORDER-BOTTOM: highlight 1px solid; BACKGROUND-COLOR: buttonhighlight
  39. }
  40. .MsoNavToggleButtonMouseOver {
  41.     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
  42. }
  43. .MsoNavButtonMouseDown {
  44.     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
  45. }
  46. .MsoNavRecordsetLabel {
  47.     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
  48. }
  49. .MsoRecordSelector {
  50.     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
  51. }
  52. .MsoRecordSelectorCurrent {
  53.     BACKGROUND-POSITION: 1px 0px; BACKGROUND-IMAGE: url(owc://GIF/#11240); BACKGROUND-REPEAT: no-repeat
  54. }
  55. .MsoRecordSelectorSelectedImage {
  56.     BACKGROUND-POSITION: 1px 0px; BACKGROUND-IMAGE: url(owc://GIF/#11241); BACKGROUND-REPEAT: no-repeat
  57. }
  58. .MsoRecordSelectorSelected {
  59.     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
  60. }
  61. .MsoRecordSelectorDirtyCurrent {
  62.     BACKGROUND-POSITION: -1px 0px; BACKGROUND-IMAGE: url(owc://GIF/#11242); BACKGROUND-REPEAT: no-repeat
  63. }
  64. .MsoRecordSelectorDirty {
  65.     BACKGROUND-POSITION: -1px 0px; BACKGROUND-IMAGE: url(owc://GIF/#11245); BACKGROUND-REPEAT: no-repeat
  66. }
  67. .MsoRecordSelectorTransparent {
  68.     LEFT: 0px; OVERFLOW: hidden; TOP: 0px
  69. }
  70. HR {
  71.     COLOR: black
  72. }
  73. SELECT {
  74.     FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
  75. }
  76. INPUT {
  77.     FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
  78. }
  79. BODY {
  80.     FONT-SIZE: 10pt; FONT-FAMILY: Tahoma
  81. }
  82. MARQUEE {
  83.     FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
  84. }
  85. LEGEND {
  86.     FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
  87. }
  88. BUTTON {
  89.     FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
  90. }
  91. TEXTAREA {
  92.     FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
  93. }
  94. </STYLE>
  95.  
  96. <style type="text/css">  
  97. .imgA1 { position:absolute; top: 25px; left: 200px; z-index: 1; }  
  98. </style> 
  99.  
  100.  
  101. <STYLE type=text/css>#fixedtipdiv {
  102.     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
  103. }
  104. </STYLE>
  105. <style type="text/css">  
  106. .containerdiv { float: left; position: relative; }  
  107. .cornerimage { position: absolute; top: 0; right: 0; }  
  108. </style> 
  109.  
  110. </head>
  111.  
  112. <body>
  113. <BODY style="OVERFLOW: auto; BACKGROUND-COLOR: #ddeeff" vLink=#800080 
  114. link=#0000ff>
  115. <CENTER>
  116.  
  117. <DIV class=Mso2dSection id=Captiontbllog 
  118. 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">
  119. <HR id=Line0 
  120. style="LEFT: 0cm; WIDTH: 14.347cm; COLOR: white; POSITION: absolute; TOP: 1.113cm; HEIGHT: 1px" 
  121. Line0>
  122. <SPAN class=MSTheme-Label id=Label5 
  123. 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 
  124. REPORT FORM</SPAN> 
  125. </DIV>
  126.  
  127.  
  128. <DIV class=Mso2dSectionBanner id=HeadertbllogBanner 
  129. style="MARGIN-LEFT: 40px; WIDTH: 14.339cm" tabIndex=-1><SPAN 
  130. id=HeadertbllogBannerCaption>Header: tbllog</SPAN></DIV>
  131. <DIV class=Mso2dSection id=Headertbllog 
  132. 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 
  133. class=MSTheme-Label id=NCC_ID_Label 
  134. 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 
  135. class=MSTheme-Label id=DteReport_Label 
  136. 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 
  137. class=MSTheme-Label id=DteOccur_Label 
  138. 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 
  139. class=MSTheme-Label id=Pdetected_Label 
  140. 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 
  141. class=MSTheme-Label id=NCDescrip_Label 
  142. 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&nbsp;the 
  143. 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 
  144. class=MSTheme-Label id=NCCause_Label 
  145. 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 
  146. 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 
  147. class=MSTheme-Label id=NCLocation_Label 
  148. 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 
  149. 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 
  150. class=MSTheme-Label id=PNumOrRef_Label 
  151. 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 
  152. number:&nbsp;</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 
  153. class=MSTheme-Label id=DropdownList0_Label title=NCType 
  154. 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 
  155. the type of nonconformance:</SPAN><SELECT id=DropdownList0 
  156. style="Z-INDEX: 2; LEFT: 3.096cm; WIDTH: 6.109cm; POSITION: absolute; TOP: 10.399cm; HEIGHT: 0.502cm" 
  157. tabIndex=9></SELECT><SPAN class=MSTheme-Label id=Label1 
  158. 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 
  159. 1: About you</SPAN><SPAN class=MSTheme-Label id=Label2 
  160. 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 
  161. 2: About the nonconformance</SPAN><SPAN class=MSTheme-Label id=Label3 
  162. 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 
  163. 3: Action taken</SPAN> 
  164. <HR id=Line6 
  165. style="LEFT: 0.688cm; WIDTH: 12.669cm; COLOR: #000000; POSITION: absolute; TOP: 0.688cm; HEIGHT: 1px" 
  166. Line6>
  167.  
  168. <HR id=Line7 
  169. style="Z-INDEX: 9; LEFT: 0.688cm; WIDTH: 12.669cm; COLOR: #000000; POSITION: absolute; TOP: 3.81cm; HEIGHT: 1px" 
  170. Line6>
  171.  
  172. <HR id=Line8 
  173. style="Z-INDEX: 10; LEFT: 0.688cm; WIDTH: 12.669cm; COLOR: #000000; POSITION: absolute; TOP: 15.108cm; HEIGHT: 1px" 
  174. Line6>
  175. <INPUT id=checktheysaved 
  176. style="Z-INDEX: 12; LEFT: 9.208cm; VISIBILITY: hidden; WIDTH: 0.458cm; POSITION: absolute; TOP: 14.102cm; HEIGHT: 0.396cm" 
  177. tabIndex=34 type=checkbox><SPAN class=MSTheme-Label id=Check0_Label 
  178. style="Z-INDEX: 11; LEFT: 10.107cm; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 1.984cm; POSITION: absolute; TOP: 14.102cm; HEIGHT: 0.396cm">did 
  179. they save</SPAN><BUTTON id=btnresetform 
  180. 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" 
  181. tabIndex=33 MsoTextAlign="General">Reset form</BUTTON><BUTTON id=btnsubmit 
  182. 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" 
  183. tabIndex=13 MsoTextAlign="General">SUBMIT REPORT</BUTTON><SPAN 
  184. class=MSTheme-Label id=NCImmediateAct_Label 
  185. style="FONT-WEIGHT: 700; FONT-SIZE: 8pt; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 7.592cm; POSITION: absolute; TOP: 15.504cm; HEIGHT: 0.396cm">State 
  186. 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> 
  187. <SPAN class=MSTheme-Label id=lblhelp-name 
  188. 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')" 
  189. 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" 
  190. onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label 
  191. id=lblhelp-theirdept 
  192. 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')" 
  193. 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" 
  194. onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label 
  195. id=lblhelp-dateoccurred 
  196. onmouseover="fixedtooltip('Enter the date on which the nonconformance event was realised.',this,event,'200px')" 
  197. 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" 
  198. onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label 
  199. id=lblhelp-projrefno 
  200. 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')" 
  201. 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" 
  202. onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label id=lblhelp-location 
  203. 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')" 
  204. 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" 
  205. onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label 
  206. id=lblhelp-ncdescription 
  207. 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')" 
  208. 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" 
  209. onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label id=lblhelp-nctype 
  210. 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')" 
  211. 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" 
  212. onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label id=lblhelp-nccause 
  213. 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')" 
  214. 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" 
  215. onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label 
  216. id=lblhelp-deptrespons 
  217. 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')" 
  218. 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" 
  219. onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label 
  220. id=lblhelp-immediateaction 
  221. 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')" 
  222. 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" 
  223. onmouseout=delayhidetip()>?</SPAN> <SPAN class=MSTheme-Label id=Label4 
  224. 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 
  225. class=MSTheme-Label id=Label7 
  226. 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 
  227. id=combodays 
  228. style="Z-INDEX: 53; LEFT: 3.096cm; WIDTH: 0.969cm; POSITION: absolute; TOP: 4.605cm; HEIGHT: 0.502cm" 
  229. tabIndex=3 size=1><OPTION value=1 selected>1</OPTION><OPTION 
  230.   value=2>2</OPTION><OPTION value=3>3</OPTION><OPTION value=4>4</OPTION><OPTION 
  231.   value=5>5</OPTION><OPTION value=6>6</OPTION><OPTION value=7>7</OPTION><OPTION 
  232.   value=8>8</OPTION><OPTION value=9>9</OPTION><OPTION 
  233.   value=10>10</OPTION><OPTION value=11>11</OPTION><OPTION 
  234.   value=12>12</OPTION><OPTION value=13>13</OPTION><OPTION 
  235.   value=14>14</OPTION><OPTION value=15>15</OPTION><OPTION 
  236.   value=16>16</OPTION><OPTION value=17>17</OPTION><OPTION 
  237.   value=18>18</OPTION><OPTION value=19>19</OPTION><OPTION 
  238.   value=20>20</OPTION><OPTION value=21>21</OPTION><OPTION 
  239.   value=22>22</OPTION><OPTION value=23>23</OPTION><OPTION 
  240.   value=24>24</OPTION><OPTION value=25>25</OPTION><OPTION 
  241.   value=26>26</OPTION><OPTION value=27>27</OPTION><OPTION 
  242.   value=28>28</OPTION><OPTION value=29>29</OPTION><OPTION 
  243.   value=30>30</OPTION><OPTION value=31>31</OPTION></SELECT><SELECT id=combomonths 
  244. style="Z-INDEX: 55; LEFT: 4.206cm; WIDTH: 2.54cm; POSITION: absolute; TOP: 4.605cm; HEIGHT: 0.396cm" 
  245. tabIndex=4><OPTION value=January selected>January</OPTION><OPTION 
  246.   value=February>February</OPTION><OPTION value=March>March</OPTION><OPTION 
  247.   value=April>April</OPTION><OPTION value=May>May</OPTION><OPTION 
  248.   value=June>June</OPTION><OPTION value=July>July</OPTION><OPTION 
  249.   value=August>August</OPTION><OPTION value=September>September</OPTION><OPTION 
  250.   value=October>October</OPTION><OPTION value=November>November</OPTION><OPTION 
  251.   value=December>December</OPTION></SELECT><SELECT id=comboyear 
  252. style="Z-INDEX: 57; LEFT: 6.8cm; WIDTH: 1.41cm; POSITION: absolute; TOP: 4.605cm; HEIGHT: 0.502cm" 
  253. tabIndex=5><OPTION value=2010 selected>2010</OPTION><OPTION 
  254.   value=2011>2011</OPTION><OPTION value=2012>2012</OPTION><OPTION 
  255.   value=2013>2013</OPTION><OPTION value=2014>2014</OPTION><OPTION 
  256.   value=2015>2015</OPTION><OPTION value=2016>2016</OPTION><OPTION 
  257.   value=2017>2017</OPTION><OPTION value=2018>2018</OPTION><OPTION 
  258.   value=2019>2019</OPTION><OPTION value=2020>2020</OPTION></SELECT><SPAN 
  259. class=MSTheme-Label id=Label14 
  260. style="FONT-WEIGHT: 700; Z-INDEX: 58; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 3.174cm; POSITION: absolute; TOP: 4.206cm; HEIGHT: 0.396cm">Date 
  261. of occurrence:</SPAN><SPAN class=MSTheme-Label id=mycounter 
  262. 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 
  263. class=MSTheme-Label id=Label8 
  264. 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 
  265. have</SPAN><SPAN class=MSTheme-Label id=Label9 
  266. 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 
  267. remaining for your description.</SPAN><SPAN class=MSTheme-Label id=Label12 
  268. 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 
  269. remaining for your description.</SPAN><SPAN class=MSTheme-Label id=mycounter2 
  270. 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 
  271. class=MSTheme-Label id=Label10 
  272. 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 
  273. have</SPAN><SPAN class=MSTheme-Label id=Label15 
  274. 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 
  275. have</SPAN><SPAN class=MSTheme-Label id=mycounter3 
  276. 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 
  277. class=MSTheme-Label id=Label13 
  278. 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 
  279. remaining for your description.</SPAN><SPAN class=MSTheme-Label 
  280. id=DeptResp_Label 
  281. style="FONT-WEIGHT: 700; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 5.423cm; POSITION: absolute; TOP: 13.414cm; HEIGHT: 0.396cm">Proposed 
  282. department responsible:</SPAN><SELECT id=DeptResp 
  283. style="Z-INDEX: 69; LEFT: 3.096cm; WIDTH: 5.001cm; POSITION: absolute; TOP: 13.813cm; HEIGHT: 0.502cm" 
  284. tabIndex=11><OPTION selected></OPTION></SELECT><SPAN class=MSTheme-Label 
  285. id=DeptRaisedBy1_Label 
  286. style="FONT-WEIGHT: 700; LEFT: 2.99cm; OVERFLOW: hidden; WIDTH: 2.142cm; POSITION: absolute; TOP: 2.197cm; HEIGHT: 0.396cm">Department:</SPAN><SELECT 
  287. id=DeptRaisedBy 
  288. style="Z-INDEX: 70; LEFT: 3.096cm; WIDTH: 5.001cm; POSITION: absolute; TOP: 2.593cm; HEIGHT: 0.502cm" 
  289. tabIndex=2><OPTION selected></OPTION></SELECT></DIV>
  290. <DIV class=Mso2dSectionBanner id=NavigationtbllogBanner 
  291. style="MARGIN-LEFT: 40px; WIDTH: 14.339cm" tabIndex=-1><SPAN 
  292. id=NavigationtbllogBannerCaption>Navigation: tbllog</SPAN></DIV>
  293. <DIV class=Mso2dSection id=Navigationtbllog 
  294. 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>
  295. </body>
  296.  
  297. </html>

Where the area in question is:

Expand|Select|Wrap|Line Numbers
  1. <DIV class=Mso2dSectionBanner id=CaptiontbllogBanner 
  2. style="MARGIN-LEFT: 40px; WIDTH: 14.341cm" tabIndex=-1>
  3. <P align=left>
  4. <CENTER><SPAN id=CaptiontbllogBannerCaption>Caption: tbllog</SPAN> </DIV>
  5. <DIV class=Mso2dSection id=Captiontbllog 
  6. 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">
  7. <HR id=Line0 
  8. style="LEFT: 0cm; WIDTH: 14.347cm; COLOR: white; POSITION: absolute; TOP: 1.113cm; HEIGHT: 1px" 
  9. Line0>
  10. <SPAN class=MSTheme-Label id=Label5 
  11. 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 
  12. REPORT FORM</SPAN> </DIV>
I know I need to use some form of div and I had a try at creating a new container and placing my image inside. I moved this to where I wanted it to be on the form but whenever I resized the iexplorer window the image would move out of place. After doing some research I think this is to do with absolute/relative positioning? but I really couldnt get my head around it so abandoned the attempt.

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
Attached Images
File Type: png mockup.PNG (54.2 KB, 468 views)
Sep 15 '10 #1
1 4077
munkee
374 256MB
I think I may have solved this after A LOT of trial and error. Would someone be able to check over my code though to see if it is the correct way to do it.

I have basically added the following:

Expand|Select|Wrap|Line Numbers
  1. <style type="text/css">
  2. img#floatingImg {
  3. position: relative;
  4. left: -210px;
  5. top:63px;
  6. z-index:220;
  7. }
  8. </style>
  9.  
  10.  
  11. <div clss=mso2dsection id=Containingit>
  12. <img src="weblogo.png" id="floatingImg" width="70" height="66">
  13. <DIV class=Mso2dSection id=Captiontbllog 
  14. 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; z-index: 190; BACKGROUND-COLOR: #0e79e4">
  15.  
  16. <HR id=Line0 
  17. style="LEFT: 0px; WIDTH: 14.347cm; COLOR: white; POSITION: absolute; TOP: 42px; HEIGHT: 1px" 
  18. Line0>
  19. <SPAN class=MSTheme-Label id=Label5 
  20. 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 
  21. REPORT FORM</SPAN> 
  22. </DIV>
  23. </div>
  24.  
Sep 16 '10 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: Salad | last post by:
Is there a way to determine which section of a form a control is located in code....besides using the tag property?
3
by: John Baker | last post by:
Hi: I have developed a form, commencing with the form wizard showing in Design View. Having developed the form partially, I wanted to put a page header on it which would contain the controls. I...
13
by: giovanniparodi79 | last post by:
Hello everybody is there some utility to convert a raw image in an header file? Thanks everybody Gio
4
by: lanem | last post by:
I want an image and text in the column header in my GridView. Does anyone know how to do that? Thanks.
1
by: jdicko5579 | last post by:
Hello: I am fairly new to Access and was wondering if someone could help me out. I have a main form with header. In the detail section of the main form, there is a subform. The subform has a...
1
by: ramaswamynanda | last post by:
Hello, I am working on an application in MS Access. I have an employee form with an employee charges subform. the subform is supposed to be displayed in the datasheet view. I have put the labels...
1
by: swc76801 | last post by:
I desperately need help. My understanding of CSS is non-existent. I have a store http://astore.amazon.com/texasheat-20 with Amazon.com. According to the information from Amazon.com "Write your own...
5
by: cmartin1986 | last post by:
Hi Guys, My problem today is how to change the labels in a form header when the user selects a different tab. I want it in the header instead of the tab control box because im using this is a...
2
catatonicalvin
by: catatonicalvin | last post by:
I'm working right now C# to Excel. How do i insert image at left and right header, through c# code? Please refer to code: Excel.Application xl = new Excel.ApplicationClass(); ...
3
by: phpnewbie26 | last post by:
Hi, I've been looking around to find out how to add an image as a header to my page and none of them really seemed to work. I'm wondering if it's something to do with where I placed the image....
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.