Hi
i have this css code to make a tooltip in css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<head>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
border: 0;
}
body {
color: #000;
margin: 30px 10%;
text-align: center;
font-size: 100.01%;
}
.divstyles {
width: 404px;
height: 360px;
float: left;
margin: 0 20px 10px 0;
}
img {
border: 0px solid #a5b;
display: block;
}
h1 {
margin: 0 30px .2em;
}
.popup-parent span {
display: none;
}
div.popup-parent:hover span { /*the span will display just on :hover state*/
display:block;
position:absolute;
top: 40px;
left:350px;
width:200px;
border: 1px solid black;
position: absolute;
background-color:white;
color:green;
text-align: center;
padding: 10px;
font-family: arial;
}
.note {
font-size: 85%;
color: #a5b;
}
</style>
<!--[if IE]>
<style type="text/css">
body {behavior: url(csshover.htc);}
</style>
<![endif]-->
</head>
<body>
<div class=divstyles><div class=popup-parent>
<dd>teksttekst<span><img src=file://NL/Data/Personal/derksj/My%20Pictures/hr_logo_kl.gif
width=170 height=29>Voorbeeld tekst <a href=http://www.test.nl>test</a></span></dd>
</div></div></div>
</body>
</html>
Can someone tell me how i can implement the body part form this css code in the code below
so that the generated link has a tooltip
look for an example http://nederland.vakantiehuizengids.com
if($Website->Adres) {
echo("-<a href='ganaar.php?id=$Website->ID' target='_blank' style='color:$Categorie->KleurCategorieLinks' onmouseover=\"$onmouseover \"");
if($Dochtersite->StatusbalkInfo) {
echo(" onmouseover='window.status=\"$Website->Hits hit");
if($Website->Hits != 1) {
echo("s");
}
echo(" sinds ".date("d-m-Y",$Website->Datum).", $Website->Adres\";return true' onmouseout='window.status=\"\"; return true'");
}
echo(">");
}
echo stripslashes($Website->Naam);
if($Website->Adres) {
echo("</a>");
}
if($Website->TipNieuw == "1") { echo(" <span class=Tip>Tip!</span>"); }
elseif($Website->TipNieuw == "2") { echo(" <span class=Nieuw>Nieuw!</span>"); }
echo("<br>\n");
}
}
}
}
echo("</table><br>");