HTML spørgsmål
OK, jeg har en skabelon der ser sådan her ud:<html>
<head>
<title>HJÆLP MIG!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
b1_over = newImage("images/b1-over.jpg");
b2_over = newImage("images/b2-over.jpg");
b3_over = newImage("images/b3-over.jpg");
b4_over = newImage("images/b4-over.jpg");
b5_over = newImage("images/b5-over.jpg");
preloadFlag = true;
}
}
// -->
</script>
</head>
<body bgcolor="#FFFFFF" onload="preloadImages();" background="images/bg.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/top.jpg"></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="TOP">
<table width="192" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="5">
<img src="images/l.jpg" width="31" height="144"></td>
<td>
<a href="#"
onmouseover="changeImages('b1', 'images/b1-over.jpg'); return true;"
onmouseout="changeImages('b1', 'images/b1.jpg'); return true;">
<img name="b1" src="images/b1.jpg" width="113" height="31" border="0"></a></td>
<td rowspan="5">
<img src="images/r.jpg" width="48" height="144"></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="changeImages('b2', 'images/b2-over.jpg'); return true;"
onmouseout="changeImages('b2', 'images/b2.jpg'); return true;">
<img name="b2" src="images/b2.jpg" width="113" height="28" border="0"></a></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="changeImages('b3', 'images/b3-over.jpg'); return true;"
onmouseout="changeImages('b3', 'images/b3.jpg'); return true;">
<img name="b3" src="images/b3.jpg" width="113" height="28" border="0"></a></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="changeImages('b4', 'images/b4-over.jpg'); return true;"
onmouseout="changeImages('b4', 'images/b4.jpg'); return true;">
<img name="b4" src="images/b4.jpg" width="113" height="28" border="0"></a></td>
</tr>
<tr>
<td>
<a href="#"
onmouseover="changeImages('b5', 'images/b5-over.jpg'); return true;"
onmouseout="changeImages('b5', 'images/b5.jpg'); return true;">
<img name="b5" src="images/b5.jpg" width="113" height="29" border="0"></a></td>
</tr>
<tr>
<td colspan="3">
<img src="images/bot.jpg" width="192" height="139"></td>
</tr>
</table>
</td>
<td width="100%" valign="TOP">
<font face="Verdana, Arial, Helvetica" size="2" color="#FFFFFF">
<br><center>Place your content here.
</font>
</td>
</tr>
</table>
</body>
</html>
der er altså fem knapper som hver i sær peger til "#"...Men jeg kan ikke finde ud af hvordan jeg åbner filerne der bliver linket til (html-filer altså) det rigtige sted på skærmen (hovedfeltet)...Prøv eventuelt at lave filen og se. Den er jo ikke delt op i rammer, så jeg ikke hvordan....please hjælp !
(Det er meningen at linket skal åbnes hvor der står Place your contect here selvfølgelig !
Tak !
