It's a drop down menu with .png images instead of text and then each image links to its respective page on the site. I've put the code into the Body Html section, and then I tried to put the <head> to the Head Html section, but neither works.
What am I doing wrong?
<html>
<head>
<style>
body{font-family:lucida sans console;}
table{font-size:80%;background:white}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#FFFFFF}
td.menu{background:white}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible";
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden";
}
</script>
</head>
<body>
<table width="100%">
<tr bgcolor="#FFFFFF">
<td onmouseover="showmenu('Graphic Design')" onmouseout="hidemenu('Graphic Design')">
<img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textgraphicdesign.png"><br />
<table class="menu" id="Graphic Design" width="120">
<tr><td class="menu"><a href="C:\Users\Anji\Documents\ATLEENHOUTS_website\LogoDesign.html"><img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textlogodesign.png"></td></tr>
<tr><td class="menu"><a href="C:\Users\Anji\Documents\ATLEENHOUTS_website\WebDesign.html"><img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textwebdesign.png"></td></tr>
</table>
</td>
<td onmouseover="showmenu('Photography')" onmouseout="hidemenu('Photography')">
<img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textphotography.png"><br />
<table class="menu" id="Photography" width="120">
<tr><td class="menu"><a href="C:\Users\Anji\Documents\ATLEENHOUTS_website\PhotographyEnvironment.html"><img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textenvironment.png"></td></tr>
<tr><td class="menu"><a href="C:\Users\Anji\Documents\ATLEENHOUTS_website\PhotographyInteraction.html"><img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textinteraction.png"></td></tr>
<tr><td class="menu"><a href="C:\Users\Anji\Documents\ATLEENHOUTS_website\PhotographyConceptual.html"><img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textconceptual.png"></td></tr>
</table>
</td>
<td onmouseover="showmenu('Writing')" onmouseout="hidemenu('Writing')">
<img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textwriting.png"><br />
<table class="menu" id="Writing" width="120">
<tr><td class="menu"><a href="C:\Users\Anji\Documents\ATLEENHOUTS_website\WritingEssays.html"><img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textessays.png"></td></tr>
<tr><td class="menu"><a href="C:\Users\Anji\Documents\ATLEENHOUTS_website\WritingArticlesl.html"><img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textarticles.png"></td></tr>
<tr><td class="menu"><a href="C:\Users\Anji\Documents\ATLEENHOUTS_website\WritingCreative.html"><img src="C:\Users\Anji\Documents\ATLEENHOUTS WEBSITE FILES\textcreative.png"></td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>
ATLEENHOUTS
