Jeg ved at du har fået et svar der virker. Jeg viser blot en anden måde :)
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN' '
http://www.w3.org/TR/REC-html40/strict.dtd'><html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>
www.molster.dk</title><style type="text/css">
td {
text-align: center; }
</style>
<script type="text/javascript">
function mOver(i,t) {
document.getElementById("iSlogan").src="s"+i.src.substr(i.src.lastIndexOf("/")+1);
document.getElementById("tSlogan").innerHTML=t; }
function mOut() {
document.getElementById("iSlogan").src="slogan.gif";
document.getElementById("tSlogan").innerHTML=""; }
</script>
</head>
<body>
<table cellspacing="0" cellpadding="0" style="width: 800px; height: 545px; margin: 0px auto;">
<tr>
<td style="width: 25%; height: 42px;">
<img src="forlag.gif" alt="forlaget mølster" onmouseover="mOver(this,'Text 1');" onmouseout="mOut();">
</td><td style="width: 25%;">
<img src="salg.gif" alt="salgs- og motivationskurser" onmouseover="mOver(this,'Text 2');" onmouseout="mOut();">
</td><td style="width: 25%;">
<img src="comp.gif" alt="comptersalg" onmouseover="mOver(this,'Text 3');" onmouseout="mOut();">
</td><td style="width: 25%;">
<img src="tele.gif" alt="telemarketing" onmouseover="mOver(this,'Text 4');" onmouseout="mOut();">
</td>
</tr><tr>
<td colspan="4" style="vertical-align: middle; height: 477px;">
<img src="slogan.gif" id="iSlogan" alt="logo">
</td>
</tr><tr>
<td colspan="4" id="tSlogan" style="height: 26px;"></td>
</tr>
</table>
</body>
</html>
For det første er den DOCTYPE du bruger ikke helt i orden. Det er godt du bruger en men prøv at læse her :
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/doctype.aspDer kan du læse at du bør have en DTD på din DOCTYPE når du bruger 'Transitional', så din DOCTYPE burde se således ud :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">Jeg bruger en 'Strict' DOCTYPE i mit eksempel, den er en lille smule mere restrektiv da den 'frasortere' ting som forventes at blive udfaset af CSS definitionerne, men i dette eksempel er det ligemeget hvilken du bruger.
Jeg har lavet lidt om på layoutet, det er blot et temperament spørgsmål :), men i javascript delen har jeg lavet funktionerne således at du kan tilføje lige så mange ekstra billeder i toppen du vil, du skal blot skrive en text i onmouseover handleren. Derudover kræver scriptet at der for hvert billede i toppen f.eks. forlag.gif, findes et billede med samme navn og et s foran, altså sforlag.gif.
Mvh. Johan
Ny bruger
Nybegynder
Opret
Preview
