HTML driving me nuts..

Dawie

Somebody please, when my mouse is over the image, the help screen comes up, but parts of it is "behind" the selection menu. Ho can I get it to the forefront?

<table>
<tr>
<td><img src="yellow.jpg"
onmouseover="yi3.style.visibility='visible'"
onmouseout="yi3.style.visibility='hidden'">
<div id="yi3">
This a help screen!
</div>
</td>

<td>
<fieldset><legend>Enter TYPE</legend>
<select name="amt_type">
<option value="b">Balance</option>

<option value="d" selected>Deduction</option>
<option value="o">Other</option>
</select>
</fieldset>
</td>
</tr>
</table>

almost forgot, here is yi3:

#yi3 {position:absolute; width:300px; left:150px; font-size:8pt;
font-family:Arial; border-style:solid; z-index:20;
visibility:hidden; background-color:#ffff99; color:black;
padding:8px; border-width:1px; border-top-width:6px}

WinterDragon

z-index in CSS does what you want, I THINK...

Check it out here...

Z-index for CSS

matbennett

I'm not 100% about this, but I had a similar problem recently which our "design guy" here dealt with in the end.

If I remember what he said correctly, the problem is that elements such as form fields, are drawn by the OS, rather than in the way images and the like are done. This means that it is not possible to stack items as you would with other layered elements (using Z index).

I was told that the only real solution is to position things in a way that you know they won't overlap. If you fix the size of the select this shouldn't be too hard.

Probably not want you wanted to hear, sorry.

mystrymaster

the only choice you have is to move the layer away from the form element - th above poster is completely correct there is nothing you can do about it.

WinterDragon

no one knows about z-index? Sure works fine... Boy if ya'll read about it, you might like it... 🙂

mystrymaster

Z-index is a great tool however it does not solve the form issue problem with all browsers. Maybe if you put the form element in a layer as well that might I have never tried that but it if you the form element just within the body itself z-index will not solve his issue

WinterDragon

It could still fix his problem, I am not saying it WILL but it might... shrugs There are always ways to do things.

matbennett

If you do, then PLEASE do post your results.