puneetsharma
02-18-2009, 04:05 AM
Hi All,
There are two divs (See html code below), one having simple html dropdown list and another one having html textbox.
Now what we are doing here is:
We are overlapping the div containing text box over to the div containing dropdown..
Such that a user can enter his values in the text box as well as will be able to select options from dropdown,
Textbox is overlapped to dropdown so that initial value of dropbox cannot be visible to user & he can enter his keyword in text box over it..
Kindly provide me with the solution.. the code is working well in IE 7 & firefox but not in IE6..
<div style="border:1px solid #000; width:250px"><select name="puneet">
<option>puneet</option>
<option>puneet1</option>
<option>puneet sharma</option>
</select></div>
<div style="border:1px solid #ff0000; position:relative; top:-15px; width:200px">
<input type="text" style="width:90px" /></div>
Thanks & regards :)
There are two divs (See html code below), one having simple html dropdown list and another one having html textbox.
Now what we are doing here is:
We are overlapping the div containing text box over to the div containing dropdown..
Such that a user can enter his values in the text box as well as will be able to select options from dropdown,
Textbox is overlapped to dropdown so that initial value of dropbox cannot be visible to user & he can enter his keyword in text box over it..
Kindly provide me with the solution.. the code is working well in IE 7 & firefox but not in IE6..
<div style="border:1px solid #000; width:250px"><select name="puneet">
<option>puneet</option>
<option>puneet1</option>
<option>puneet sharma</option>
</select></div>
<div style="border:1px solid #ff0000; position:relative; top:-15px; width:200px">
<input type="text" style="width:90px" /></div>
Thanks & regards :)