Need help: I need to have a select overlap another component

**jlopes151** · 09-20-2011 03:45 AM

I have a tight space requirement here the explaination then code sample. I have a row of inputs and a link with a select set in the between in a div. I need to allow multi selection on the select which is the problem. The select must be within the div and when in non-select state set to 1 when the user is to make a selection I expand the select to 10. This causes the div to expand and any thing under to move in kind. I need a way to allow the select to expnad with out moving expanding the parent div.

<script >
function expand(){
mySelect.size=5;
}

function contract(){
mySelect.size=1;
}
</script>
</head>
<body onload="testUtil();">
<h1>Simple web App</h1>
<div>
<input type="text" value="Move without me"/>
<select id='mySelect' style="position: relative;" size="1" onmouseover="expand()" onmouseout="contract()">
<option value="One">One</option>
<option value="Two">Two</option>
<option value="Three">Three</option>
<option value="Four">Four</option>
<option value="Five">Five</option>
</select>
<input type="text" value="Move without me"/>
</div>
<div>
<p>Don't move me</p>
</div>
</body>

**007Julien** · 09-20-2011 06:55 AM

A float left or right in an other div ?
<style type="text/css">
#mySelect{float:left;}
</style>

**jlopes151** · 09-20-2011 08:25 AM

Thanks I'll try it

**jlopes151** · 09-20-2011 08:39 AM

Nope didn't do it, All float does is shift the other components to one side, I need theselect to overlay the other component. To for a moment move forward. I've done it by accident some times helps to remeber your mistake.

**JMRKER** · 09-20-2011 08:50 AM

Use the CSS position: (absolute or relative, based on needs) and z-index to a positive value
on the <select> tag or the <div> tag area that contains the selection list.

**jlopes151** · 09-20-2011 09:49 AM

Yes that did it thanks.

Thread: Need help: I need to have a select overlap another component

Thread Tools

Display

Need help: I need to have a select overlap another component

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions