Hallo,
ich möchte ein CSS-Popup bei Mouseover:
Ich habe ein html-file, in dem eine Zeile steht, die mir aus einer Mysql-DB ein Listing liefert:
Diese Zeile hier
<td class="ergebniszeile"><a href="detail.php?a_id=<%$adressen.a_id%>"><%$adressen.a_name%></a></td>
Die gelistet Zeile sieht so aus:
rrr Deutschland Hamburg 040xxxxxx info@rrr.de
das "rrr" ist klickbar,d.h.
es ist exakt der Link:
http://servername/portal/detail.php?a_id=405
Dazu habe ich im entsprechenden html-file oben folgendes eingefügt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<title>Infobox</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
#box {
position:absolute; top:450px; left:450px;
z-index:3;}
#box a {
color:#ffffff;
background:#33CC33;
font:bold 16px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border:1px solid black;}
#box a:hover {
color:black;
background:#ddd8b7;
width:400px;}
#box a span {display:none;}
#box a:hover span {
color:black;
background:#ffffff;
font:normal 16px courier, sans-serif;
border:1px solid black;
display:block;
padding:10px;}
-->
</style>
</head>
<body>
<div id="box"><a href="="detail.php?a_id=<%$adressen.a_id%>">INFOBOX<span></span></a></div>
</body>
</html>
Nun wird zwar die InfoBox angezeigt, aber ständig und nicht, wenn man mit der Maus über den Link geht, sondern immer - ausserdem kommt in der InfoBox nicht der gewünscht Inhalt.
Wie kann man dieses Problem lösen?