Is there a way to have the same message popup when any symbol is hovered over, without having to insert the span over and over?
Thanks in advance!
here is a test:
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
div#tips a {
font: 20px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border-bottom:2px solid green;
color: #0000FF;
}
div#tips a:hover {
color: #666666;
background: #FFFFCC;
text-decoration: none;
}
div#tips a span {display: none;}
div#tips a:hover span {
display: block;
position: absolute;
left: 10%;
width: 200px;
padding: 5px;
margin: 10px;
z-index: 100;
color: #0000CC;
background: #FFFFCC;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
border: 1px solid #666666;
text-decoration: none;
}
div#tips p {position:relative}
</style>
</head>
<body>
<div id="tips">
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> <strong>ø </strong><span>You have requested information about a company that has not yet enrolled in our unique system. If you would like to see regularly posted updated information on this, or any other security, please ask them to call us immediately. It is very simply to quickly incorporate them into the system ?and it's FREE. </span></a></p>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> <strong>ø </strong><span>(Message 2 ) </span></a></p>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> <strong>ø </strong><span>(Message 3 ) </span></a></p>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> <strong>ø </strong><span>(Message 4 ) </span></a></p>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> <strong>ø </strong><span>(Message 5 ) </span></a></p>
<p></p>
</div>
</body>
</html>
</pre>No.Kravvitz .....
YES!
I found a remedy on my Coffeecup HTML Edtior a little javascript from
Ferant.com took care of it.I bet that script uses JavaScript to add an element around each symbol.
I suppose I should have not been so terse and said that CSS could not do it alone.
Thanks in advance!
here is a test:
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
div#tips a {
font: 20px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border-bottom:2px solid green;
color: #0000FF;
}
div#tips a:hover {
color: #666666;
background: #FFFFCC;
text-decoration: none;
}
div#tips a span {display: none;}
div#tips a:hover span {
display: block;
position: absolute;
left: 10%;
width: 200px;
padding: 5px;
margin: 10px;
z-index: 100;
color: #0000CC;
background: #FFFFCC;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
border: 1px solid #666666;
text-decoration: none;
}
div#tips p {position:relative}
</style>
</head>
<body>
<div id="tips">
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> <strong>ø </strong><span>You have requested information about a company that has not yet enrolled in our unique system. If you would like to see regularly posted updated information on this, or any other security, please ask them to call us immediately. It is very simply to quickly incorporate them into the system ?and it's FREE. </span></a></p>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> <strong>ø </strong><span>(Message 2 ) </span></a></p>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> <strong>ø </strong><span>(Message 3 ) </span></a></p>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> <strong>ø </strong><span>(Message 4 ) </span></a></p>
<p><a href=http://www.webdeveloper.com/forum/archive/index.php/"#"> <strong>ø </strong><span>(Message 5 ) </span></a></p>
<p></p>
</div>
</body>
</html>
</pre>No.Kravvitz .....
YES!
I found a remedy on my Coffeecup HTML Edtior a little javascript from
Ferant.com took care of it.I bet that script uses JavaScript to add an element around each symbol.
I suppose I should have not been so terse and said that CSS could not do it alone.