View Full Version : Help Mouseover under image

11-25-2009, 06:11 PM

I have a mouseover box that will apear under the next help icon.

Here is the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

a.info {
position: relative;
cursor: default;
a.info span {
display: none;
a.info:hover span {
background-color: #e6e6e6;
border: #BFBFBF 1px solid;
width: 250px;
display: block;
padding: 5px;
position: absolute;
left: 20px;
top: 0px;


<table width="550" border="0" cellspacing="0" cellpadding="5">
<td width="130"><label for="fname_txf">First Name:</label></td>
<td width="400"><input name="fname_txf" type="text" id="fname_txf" style="width:200px"></td>
<td><label for="lname_txf">Last Name:</label></td>
<td><input name="lname_txf" type="text" id="lname_txf" style="width:200px"></td>
<td><label for="email_txf">Email:</label></td>
<td><input name="email_txf" type="text" id="email_txf" style="width:200px">
<a class="info" href="#" onClick="return false"><img src="/images/help.png" alt="a"> <span>Please enter your current Email address. You will get a confirmation email after creating an account.</span></a></td>
<td><label for="country_ddb">Country:</label></td>
<a class="info" href="#" onClick="return false"><img src="/images/help.png" alt="y"> <span>Please provide the country you live in. This gives you the posibility to see country specific information after logging in.</span></a></td>

How can I solve this problem? Thanks

11-25-2009, 09:18 PM
Can you clarify what the problem is?

11-26-2009, 03:42 PM
I have two icons witch have a mouseover option.

When I mouseover the first icon in the web browser, the box is displayed under the icon of the second mouseover. The second mouseover is positioned under the area where the first mouseover box appears.


How can I display the mouseover box on the top of the second mouseover icon?