Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Nov 2009
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Help Mouseover under image

    Hi,

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

    Here is the code:
    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
    Last edited by archipuir; 11-26-2009 at 03:48 PM.

  • #2
    New Coder
    Join Date
    Jun 2008
    Location
    Normal, IL
    Posts
    45
    Thanks
    3
    Thanked 3 Times in 3 Posts
    Can you clarify what the problem is?

  • #3
    New Coder
    Join Date
    Nov 2009
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?


    .
    Last edited by archipuir; 11-26-2009 at 03:55 PM.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •