the css menu is not a problem

Jun 24, 2008

Menu doesn't overlap a drop down list

The adobe style menu doesn't overlap a drop down list.
How can I fix it?


Answer:


Hi,
it's a common problem for IE.
The drop down list appears on top of everything in IE.

I recommend to use this solution:


(Replace your drop down list with this code)


<div id="dselect" style="color: rgb(105, 105, 105); display: none;">
<select id="citys" class="info" style="width: 160px;"
onchange="document.getElementById('selected').innerHTML ='Selected city: '+this.value; ch(true,false,true);">
<option value="any">Select a city</option>
<option id="cityNY" value="NY">New York</option>
<option id="cityLA" value="LA">Los Angeles</option>
</select>
</div>

<div id="dlink" style="display: block;">
<a href="javascript:ch(false,true,false)" style="color: rgb(116, 175,
225);">Select a city</a>
</div>

<div id="selected" style="color: rgb(105, 105, 105); display: none;"></div>


<script>
function ch(dlink,dselect,selected){
var divs = ['dlink','dselect','selected']
for(var i=0; i<3; i++) {
if(arguments[i]){
document.getElementById(divs[i]).style.display = 'block';
}else{
document.getElementById(divs[i]).style.display = 'none';
}

}
}
</script>


Regards
Dmitry
f-source.com

No comments: