archipuir
11-25-2009, 06:11 PM
Hi,
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">
<html>
<head>
<style>
a.info {
text-decoration:none;
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;
}
</style>
<title>Page</title>
</head>
<body>
<table width="550" border="0" cellspacing="0" cellpadding="5">
<tr>
<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>
</tr>
<tr>
<td><label for="lname_txf">Last Name:</label></td>
<td><input name="lname_txf" type="text" id="lname_txf" style="width:200px"></td>
</tr>
<tr>
<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>
</tr>
<tr>
<td><label for="country_ddb">Country:</label></td>
<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>
</tr>
</table>
</div>
</body>
</html>
How can I solve this problem? Thanks
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">
<html>
<head>
<style>
a.info {
text-decoration:none;
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;
}
</style>
<title>Page</title>
</head>
<body>
<table width="550" border="0" cellspacing="0" cellpadding="5">
<tr>
<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>
</tr>
<tr>
<td><label for="lname_txf">Last Name:</label></td>
<td><input name="lname_txf" type="text" id="lname_txf" style="width:200px"></td>
</tr>
<tr>
<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>
</tr>
<tr>
<td><label for="country_ddb">Country:</label></td>
<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>
</tr>
</table>
</div>
</body>
</html>
How can I solve this problem? Thanks