tekst og billede position
Da jeg benytter mig af javascript til at få billeder skjult og vist i én og samme tablecell ved mouseover på forskellige tekster, men IKKE kan få de tilhørende billeder vist det præcis samme sted...kan jeg da bruge css til at få vist dem det samme sted på skærmen?<style>
.tekst_1 {position: absolute; top: 50px; left: 170px; visibility: hidden}
</style>
<style>
.tekst_2 {position: absolute; top: 50px; left: 170px; visibility: hidden}
</style>
<style>
.tekst_3 {position: absolute; top: 50px; left: 170px; visibility: hidden}
</style>
Jeg forestiller mig at .tekst_# kan skiftes ud med en .img på en eller anden måde, men ved ikke hvordan det gøres!
Her er en min testside...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Linkforklaring</title>
<script language="javascript">
function Vis_eb()
{
document.all["eb"].style.visibility="visible";
}
function Skjul_eb()
{
document.all["eb"].style.visibility="hidden";
}
function Vis_bt()
{
document.all["bt"].style.visibility="visible";
}
function Skjul_bt()
{
document.all["bt"].style.visibility="hidden";
}
function Vis_jp()
{
document.all["jp"].style.visibility="visible";
}
function Skjul_jp()
{
document.all["jp"].style.visibility="hidden";
}
</script>
<style>
.ebtekst {position: absolute; top: 250px; left: 300px; visibility: hidden}
</style>
<style>
.bttekst {position: absolute; top: 250px; left: 300px; visibility: hidden}
</style>
<style>
.jptekst {position: absolute; top: 250px; left: 300px; visibility: hidden}
</style>
</head>
<body>
<table width="100%" highth="50" border="2">
<tr>
<td><center><a href="http://www.eb.dk" onmouseout="Skjul_eb()" onmouseover="Vis_eb()">eb</a></center></td>
<td><center><a href="http://www.bt.dk" onmouseout="Skjul_bt()" onmouseover="Vis_bt()">bt</a></center></td>
<td><center><a href="http://www.jp.dk" onmouseout="Skjul_jp()" onmouseover="Vis_jp()">jp</a></center></td>
</table>
<div class="ebtekst" id="eb"><font color="silver"
Gå til ekstrabladets hjemmeside!!<br>
NU!!</font>
</div>
<div class="bttekst" id="bt"><font color="red">
Og her har du så bt´s hjemmeside!!</font>
</div>
<div class="jptekst" id="jp"><font color="green">
Og sidst men ikke mindst Jyllandsposten....<br>
..men det gider du vel ikke!!</font>
</div>
</body>
</html>
