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?


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>

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

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

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



No comments: