position af imgs i samme celle
jeg har brug for at få vist forskellige billeder i den samme tablecell når man fører musen over forskellige navne i en anden celle. Altså så billederne er skjulte, med mindre man kører hånden hen over teksten. Indtil videre er det kun lykkes at få vist billederne i række efter hinanden i den samme celle. Det er muligvis et samarbejde mellem javascript og css, men da jeg kun til nød kan rette i færdiglavede scripts, bliver kræver det nok lidt uddybende forklaring.Jeg benytter Dreamweaver MX så koden skal kunne arbejde sammen med det program. Da jeg er ret ny i faget, håber jeg at nogen kan give mig et rimelig overskueligt/forståeligt svar. Her er koden, håber det letter forståelsen. På forhånd tak!
<html>
<head>
<link rel="stylesheet" href="css/indhold.css" type="text/css">
<title>medarbejder</title>
<script language="JavaScript">
function Vis_Louise()
{
document.all["Louise"].style.visibility="visible";
}
function Skjul_Louise()
{
document.all["Louise"].style.visibility="hidden";
}
function Vis_Hanne()
{
document.all["Hanne"].style.visibility="visible";
}
function Skjul_Hanne()
{
document.all["Hanne"].style.visibility="hidden";
}
function Vis_Mogens()
{
document.all["Mogens"].style.visibility="visible";
}
function Skjul_Mogens()
{
document.all["Mogens"].style.visibility="hidden";
}
</script>
<style>
.Louise {visibility: hidden}
</style>
<style>
.Hanne {visibility: hidden}
</style>
<style>
.Mogens {visibility: hidden}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="37%"></td>
<td width="18%"></td>
<td width="45%"><img src="images/LOGO-VIR_lille2.gif" alt="LOGO-VIR_lille2.gif (634 bytes)" align="right" WIDTH="60" HEIGHT="71"></td>
</tr>
<tr>
<td width="37%" height="44">
<h1><br>
DIREKTE MAIL TIL MEDARBEJDERNE<br>
</h1></td>
<td width="18%"></td>
<td width="45%"></td>
</tr>
<tr>
<td width="37%" rowspan="3"> <table border="0" cellpadding="0" cellspacing="0" width="91%">
<tr>
<td width="30%"><a href="#" onmouseout="Skjul_f1()" onmouseover="Vis_f1()">Mogens Jensen:</a></td>
<td width="50%"><a href="xxxxxxxxxx">xxxxxxxx</a></td>
</tr>
<tr>
<td><a href="#" onmouseout="Skjul_Hanne()" onmouseover="Vis_Hanne()">Hanne</a></td>
<td> </td>
</tr>
<tr>
<td width="30%">Morten Jensen:</td>
<td width="50%"> </td>
</tr>
<tr>
<td><a href="#" onMouseOut="Skjul_Louise()" onMouseOver="Vis_Louise()">Louise:</a></td>
<td> </td>
</tr>
<tr>
<td> Doris Jensen:</td>
<td><a href="xxxxxxxxxxx">xxxxxx</a></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="30%">Generelt:</td>
<td width="50%"><a href="xxxxxxxxxxxx">xxxxxxxxxxx</a></td>
</tr>
</table>
<p> </p>
<p> </td>
<td width="18%"></td>
<td width="45%" rowspan="3"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td height="211"><div class="Louise">
<div align="center"><img src="images/Louise100p.gif" alt="louise" width="100" height="113" border="0" align="top" id="Louise"></div>
</div>
<div class="Hanne">
<div align="center"><img src="images/hanne.gif" width="100" height="113" alt="Hanne" border="0" align="top" id="Hanne"></div>
</div>
<div class="Mogens"><img src="images/Mogens.gif" width="100" height="113" alt="" border="0" align="top" id="Mogens"></td>
</tr>
<tr>
<td colspan="2"><hr width="70%" size="1" color="#FA8F0B"> </td>
</tr>
<tr>
<td colspan="2"><p align="center"><strong><font size="1" face="Arial">xxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<br>
Tlf.: 9831 7711 • Fax: 9831 7755 • xxxxxxxxx• E-mail:
<a href="xxxxxxxxxxxxxx">xxxxxxxxxx</a></font></strong></td>
</tr>
</table>
<p class="Louise"> </p>
</body>
</html>
