Overlay image on top of div form header

374 Contributor

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

 <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&nbsp;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:&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 

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>

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

mockup.PNG (54.2 KB, 483 views)

Sep 15 '10 #1

Subscribe Reply

4124

munkee

374

Contributor

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

 
<style type="text/css">

img#floatingImg {

position: relative;

left: -210px;

top:63px;

z-index:220;

}

</style>
 
<div clss=mso2dsection id=Containingit>

<img src="weblogo.png" id="floatingImg" width="70" height="66">

<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; z-index: 190; BACKGROUND-COLOR: #0e79e4">
 
<HR id=Line0 

style="LEFT: 0px; WIDTH: 14.347cm; COLOR: white; POSITION: absolute; TOP: 42px; 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>

Sep 16 '10 #2

Similar topics

5063

Determining where a control is on a form; header, detail, or footer

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?

Microsoft Access / VBA

57955

Form Header does not show in Form View

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 set up the header in Design view, but when I switch to Form view the header does not show. Is there something I am doing wrong or is there some switch I should sent and have not? W98 Version MS office 2000.

Microsoft Access / VBA

12121

Raw image in header file

by: giovanniparodi79 | last post by:

Hello everybody is there some utility to convert a raw image in an header file? Thanks everybody Gio

C / C++

3918

How to get image in header of Gridview

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.

ASP.NET

2813

Tab from the main form, form header to the subform, form header in Access 2003

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 header and a detail section. I am not able to tab from the last record in the main form's header to the header of the subform. Also, I am not able to tab from the subform's header, to the subform detail section. I have set the tab order for each...

Microsoft Access / VBA

13783

Subform Form header-footers not visible

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 for column headers in the form header, and the charges total in the form footer. What happens is , the header and footer are visible both on the subform and the parent form in design view, but neither appears in run mode. I have gone through every...

Microsoft Access / VBA

19677

Help Needed with Adding Image to Header

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 overriding CSS to customize your aStore." Their setup page is divided into two sections. On the right they show the existing CSS. On the left there is a box where you can add the new code. They have tabs for "Global", "Category Page", "Detail Page",...

HTML / CSS

4458

Changing label in form header when different tab selected

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 continuous form and want to fit maximum number of records per page. to clarify, I have labels that say Line Unit 0001, Line Unit 0002, Line Unit 0003 eg. through Line Unit 0010. When the user selects the second tab, I want the labels to chang to...

Microsoft Access / VBA

12196

C# / Excel Inserting Image At Header, How?

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(); Excel.Workbook wb = xl.Workbooks.Add(Excel.XlWBATemplate.xlWBATWorksheet); Excel.Worksheet ws = (Excel.Worksheet)wb.ActiveSheet; ws.PageSetup.LeftHeaderPicture.Filename = Path.GetFullPath("1.png");

.NET Framework

1968

adding image to header

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. Mine is a jpeg image. I currently have this for my actual code: <div class="leftmenu"> <?php include("header.php"); ?> //i was wondering where this header.php is supposed to be as well.. </div>

PHP

10628

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10373

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

10374

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

7651

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

6880

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

5547

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

4331

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

3859

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

3011

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General