I'm curious to know why the code snippet below successfully displays an image:
<td width='100%';margin-top:20px; padding-top:40px;> <h1> Requests</td>
<td><img src= 'http://aisgrosurvey01/images/logo.jpg' height='64'>
</td>
However, in the same file, a similar code block further down doesn't work as expected:
<input type='text' id='myInput1' onkeyup='myFunction()' placeholder='Search by Department..'></br>
This discrepancy is puzzling, especially when considering this portion of my CSS file:
#myInput1{
background-image: url('http://aisgrosurvey01/images/logo.jpg');
background-position: 10px 12px;
background-repeat: no-repeat;
width: 36%;
font-size: 12px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin: auto;
margin-bottom: 3px;
}
Despite the correctly defined CSS properties for #myInput1, the image does not appear as intended.