Jump to content

pop up tool tip isn't working on hover

Recommended Posts



When i test this on W3Schoold it seems to work but it isn't working for me in any browser. What i'm trying to do is have a description block pop up when you hover over a link. I've only put in the code for the first link to test it. But it doesn't seem to work for me. Any help?

<!DOCTYPE html>
a:link    {color:blue; background-color:transparent; text-decoration:none}
a:visited {color:cyan; background-color:transparent; text-decoration:none}
a:hover   {color:darkblue; background-color:transparent; text-decoration:underline}
a:active  {color:yellow; background-color:transparent; text-decoration:underline}

h1 {
    color: blue;
    font-family: verdana;

.definition em {
	font-weight: bold;
    font-style: normal;	

p {
	font-family: verdana;

li {
	font-family: verdana;
div.tooltip {
	background-color: yellow;
    padding: 20px;
    display: none;
a.appmetadatasync:hover + div{
	display: block;

<!-- <link rel="stylesheet" type="text/css" href="theme.css"> -->
<H1>Help Index</h1>
	<li><a class="appmetadatasync" href="./appmetadatasync/index.htm" target="_blank">App MetaData Sync Utility - Help</a></li>
	<div class="tooltip">
	<p class="definition"><em>App Metadata Sync</em> is a utility that system administrators and developers can use to synchronize metadata from new sources with the metadata that already exists in the system. This new metadata comes from two primary sources:</p>
    <li>Application updates or upgrades</li>
    <li>Add-on (third-party) products</li>
<p>This metadata is of two types:</p>
    <li>Metadata associated with IDO collections and related objects such as tables, properties, and methods. This type of metadata also includes property class and custom assembly metadata.</li>
    <li>Metadata associated with the application event system. For more information about the application event system and its metadata, see the topic Events Overviews and Processes in the online help for your Mongoose application.</li>
<p>Only metadata associated with an Access As identifier is processed using this utility. For more information about the Access As identifier, see the topic for the Access As Field in the online help for your Mongoose application. </p>
	<li><a id="appmetadatatransport" href="./appmetadatatransport/index.htm" target="_blank">App MetaData Data Transport - Help</a></li>
	<li><a id="configmanager" href="./configmanager/index.htm" target="_blank">Config Manager - Help</a></li>
	<li><a id="formcontrol" href="./formcontrol/index.html" target="_blank">Form Control</a></li>
	<li><a id="formsync" href="./formsync/index.htm" target="_blank">Form Sync</a></li>
	<li><a id="idoruntimedevserver" href="./idoruntimedevserver/index.htm" target="_blank">IDO Run Time Dev Server</a></li>
	<li><a id="replicationtool" href="./replicationtool/index.htm" target="_blank">Replication Tool</a></li>
	<li><a id="serviceconfigmgr" href="./serviceconfigmgr/index.htm" target="_blank">Service Config Manager</a></li>


Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...