Forum Moderators: not2easy
My problem right now is that the entire popup is one giant link, so when I'm mousing over it all the text links to whatever I set the link to (in this case, "#" so it won't go anywhere). Or at least, it's a giant link in firefox; in IE it's a link up until I reach my first link inside the popup, at which point it stops being a link, and additionally the functionality that made the popup persist while hovering over it stops. It's as if IE realized that I put a link inside my link and decided to complain.
It seems like my problems would be solved if I could disable the linking functionality within the popup. How do I do that? Some simplified code is posted below:
Thanks in advance for your help!
<html><head><style>
table.packages td a { }
table.packages td a:hover {
margin: 0em;
position: relative;
}
table.packages td a:hover span {
color: black;
background: white;
display: block;
padding: 3px;
border: 2px solid black;
position: absolute;
top: 0px;
left: 0px;
text-align: justify;
font-size: 8pt;
z-index: 999;
}
table.packages td a span { display: none; }
table.packages td a span:hover { }
</style></head><body>
<table border="1" class=packages><tbody><tr><td>Instance</td><td>Last Value</td></tr>
<tr><td>foo.130 <a href="#">(see all 11)<span>
<div align="center">header<br>
<a href="somewebsite">link</a> - <a href="somewebsite">edit</a></div><br>
<table border="1"><tbody>
<tr><td>Instance</td><td>Link</td></tr>
<tr><td>foo.127</td><td align="center"><a href="somewebsite">link</a></td></tr>
</tbody></table></span></a></td><td>197327</td></tr>
<tr><td>foo.125 <a href="#">(see all 10)<span>
<div align="center">header<br>
<a href="somewebsite">link</a></div><br>
<table border="1"><tbody>
<tr><td>Instance</td><td>Link</td></tr>
<tr><td>foo.125</td><td align="center"><a href="somewebsite">link</a></td></tr>
</tbody></table></span></a>
</td><td>53149</td></tr>
<tr><td>foo.129</td><td>1</td></tr>
</tbody></table>
</body></html>
Please do get you code validated (at e.g. [validator.w3.org...] )
IE7.js can fix the lack of support of selectors in IE6 considerably.