pop up tool tip isn't working on hover

boudreaupaul99 · March 14, 2016

Hey,

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>
<html>
<head>
<style>
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;
	
}
</style>

<!-- <link rel="stylesheet" type="text/css" href="theme.css"> -->
</head> 
<body>
<H1>Help Index</h1>
<ul>
	<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>
<ul>
    <li>Application updates or upgrades</li>
    <li>Add-on (third-party) products</li>
</ul>
<p>This metadata is of two types:</p>
<ul>
    <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>
</ul>
<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>
</div>
	<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>
</ul>

</body>
</html>

boudreaupaul99 · March 14, 2016

nevermind... sorry... i figured it out.. my </li> needed to be after the </div>

Edited March 14, 2016 by boudreaupaul99

Sign In

pop up tool tip isn't working on hover

Recommended Posts

boudreaupaul99

Link to comment

Share on other sites

boudreaupaul99

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity