...

View Full Version : Drop Down Below Instead of Right Side



dennbuild
07-16-2008, 05:08 PM
My rollover drop down menu appears to the right of my image and I would like it to appear below the image. What do I change?

HTML:

<html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<head>

<LINK REL="StyleSheet" HREF="menu.css">
<script language="javascript" src="menu.js"></script>

<!--[if gte mso 9]><xml>
<mso:CustomDocumentProperties>
<mso:Categories msdt:dt="string">Business</mso:Categories>
<mso:Approval_x0020_Level msdt:dt="string"></mso:Approval_x0020_Level>
<mso:Assigned_x0020_To msdt:dt="string"></mso:Assigned_x0020_To>
</mso:CustomDocumentProperties>
</xml><![endif]-->

<!--[if gte mso 9]><xml>
<mso:CustomDocumentProperties>
<mso:Categories msdt:dt="string">Business</mso:Categories><mso:Approval_x0020_Level msdt:dt="string"></mso:Approval_x0020_Level><mso:Assigned_x0020_To msdt:dt="string"></mso:Assigned_x0020_To></mso:CustomDocumentProperties></xml>
<![endif]-->

<title>Dennison Building &amp; Supply</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<meta name="description" content="Your One Stop Building Center. Located Between Clintonville and Manawa, Wisconsin.">
<meta name="keywords" content="Clintonville Manawa Wisconsin Dennison Building Supply Construction Lumber Rentals">
<meta name="search" content="Clintonville Manawa Wisconsin Dennison Building Supply Construction Lumber Rentals">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="images/bgpattern.gif">
<!-- ImageReady Slices (index.psd - Slices: 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12, 13, 14, 15, 16, 18, 19, 20, 21, 22, 23, 24) -->

<div align="center">

<table id="Table_01" width="689" height="706" border="0" cellpadding="0" cellspacing="0">
<!-- MSTableType="layout" -->
<tr>
<td colspan="12">
<img src="images/again_01.gif" width="688" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td rowspan="11">
<img src="images/again_02.jpg" width="11" height="695" alt=""></td>
<td colspan="3" rowspan="2">
<img border="0" src="images/anilogo.gif" width="192" height="108"></td>
<td rowspan="11">
<img src="images/again_04.jpg" width="9" height="695" alt=""></td>
<td>
<img border="0" src="images/images/home_05.gif" width="57" height="45" alt="Home"></td>

<td class="menuNormal" width="79" onmouseover="expand(this);"
onmouseout="collapse(this);">
<img src="images/index2_06.jpg" width="79" height="45" alt="Products"><div class="menuNormal" width="94" style="width: 78px; height: 257px">
<table class="menu" width="78">
<tr><td class="menuNormal">
<tr><td class="menuNormal" align="center">
<span style="font-weight: 400">
<font size="4" face="DINEngschrift">
<a href="page.htm" class="menuitem">Building Material</a></font>
</span>
<tr><td class="menuNormal" align="center">
<span style="font-weight: 400">
<font size="4" face="DINEngschrift">
<a href="page.htm" class="menuitem">Decorating</a></font>
</span>
</td></tr>
<tr><td class="menuNormal" align="center">
<span style="font-weight: 400">
<font size="4" face="DINEngschrift">
<a href="page.htm" class="menuitem">Doors & Windows</a></font>
</span>
</td></tr>
<tr><td class="menuNormal" align="center">
<span style="font-weight: 400">
<font size="4" face="DINEngschrift">
<a href="page.htm" class="menuitem">Hardware</a></font>
</span>
</td></tr>
<tr><td class="menuNormal" align="center">
<span style="font-weight: 400">
<font size="4" face="DINEngschrift">
<a href="page.htm" class="menuitem">Lumber</a></font>
</span>
</td></tr>
<tr><td class="menuNormal" align="center">
<span style="font-weight: 400">
<font size="4" face="DINEngschrift">
<a href="page.htm" class="menuitem">Plywood</a></font>
</span>
</td></tr>
<tr><td class="menuNormal" align="center">
<span style="font-weight: 400">
<font size="4" face="DINEngschrift">
<a href="page.htm" class="menuitem">Roofing</a></font>
</span>
</td></tr>
<tr><td class="menuNormal" align="center">
<span style="font-weight: 400">
<font size="4" face="DINEngschrift">
<a href="page.htm" class="menuitem">Siding</a></font>
</span>
</td></tr>
<tr><td class="menuNormal" align="center">
<span style="font-weight: 400">
<font size="4" face="DINEngschrift">
<a href="page.htm" class="menuitem">Tools</a></font>
</span>
</td></tr>
</table>
</div>
</td>

<td class="menuNormal" width="94" onmouseover="expand(this);"
onmouseout="collapse(this);">
<img src="images/index2_07.jpg" width="94" height="45" alt=""><div class="menuNormal" width="94" style="width: 94px; height: 95px">
<table class="menu" width="94">
<tr><td class="menuNormal">
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Krukowski Stone</font></a></span></font><tr>
<td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">P2000</font></a></span></font></td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Silver Line</font></a><font size="4">
</font></span></font>
</td></tr>
</table>
</div>
</td>

<td class="menuNormal" width="97" onmouseover="expand(this);"
onmouseout="collapse(this);">
<img src="images/index2_08.jpg" width="97" height="45" alt=""><div class="menuNormal" width="97" style="width: 97px; height: 98px">
<table class="menu" width="97">
<tr><td class="menuNormal">
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Buildings</font></a><font size="4">
</font></span></font>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Rubber Roofing</font></a><font size="4">
</font></span></font></td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Siding</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Windows</font></a><font size="4">
</font></span></font>
</td></tr>
</table>
</div>
</td>

<td class="menuNormal" width="69" onmouseover="expand(this);"
onmouseout="collapse(this);">
<img src="images/index2_09.jpg" width="69" height="45" alt=""><div class="menuNormal" width="69" style="width: 69px; height: 294px">
<table class="menu" width="69">
<tr><td class="menuNormal">
<tr><td class="menuNormal">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Drafting</font></a><font size="4">
</font></span></font>
<tr><td class="menuNormal">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Delivery</font></a></span></font></td></tr>
<tr><td class="menuNormal">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Estimates</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Garage Door Installation</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal">
<font face="DINEngschrift"><span style="font-weight: 400">
<font size="4"><a href="page.htm" class="menuitem">Pre-Cast Concrete Steps</a></font></span></font>
</td></tr>
<tr><td class="menuNormal">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Prefinishing</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Rentals</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Window Repair</font></a><font size="4">
</font></span></font>
</td></tr>
</table>
</div>
</td>

<td class="menuNormal" width="68" onmouseover="expand(this);"
onmouseout="collapse(this);">
<img src="images/index2_10.jpg" width="68" height="45" alt=""><div class="menuNormal" width="68" style="width: 68px; height: 300px">
<table class="menu" width="68">
<tr><td class="menuNormal">
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<font size="4"><a href="page.htm" class="menuitem">Vertack Members</a></font></span></font>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<font size="4"><a href="page.htm" class="menuitem">Builders Service</a></font></span></font>
</td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Conner</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Dalton</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Hatley</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">JMC</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Pintsch</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Retail</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Seymour</font></a><font size="4">
</font></span></font>
</td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<font size="4"><a href="page.htm" class="menuitem">Two Rivers</a></font></span></font></td></tr>
<tr><td class="menuNormal" align="center">
<font face="DINEngschrift"><span style="font-weight: 400">
<a href="page.htm" class="menuitem"><font size="4">Valders</font></a><font size="4">
</font></span></font>
</td></tr>
</table>
</div>
</td>

<td rowspan="11">
<img src="images/again_11.jpg" width="12" height="695" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="45" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="images/again_12.jpg" width="464" height="140" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="64" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/again_13.jpg" width="192" height="129" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="76" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="7">
<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#FFFFFF" height="499">Welcome to Dennison
Building &amp; Supply<br>
<br>
Dennison Building &amp; Supply Inc. provides quality building
materials, hardware, and tools for professional builders &amp;
homeowners throughout Northeast Wisconsin.<br>
<br>
We are located on 80 acres between Manawa &amp; Clintonville,
Wisconsin. Dennison Building &amp; Supply Inc. has everything
you need to fix your old, or to build your new building. Our
knowledgeable experienced staff with over 200 years combined
experience will be happy to design and estimate your
project.</td>
</tr>
</table>
</td>
<td>
<img src="images/spacer.gif" width="1" height="53" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/again_15.jpg" width="192" height="161" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="161" alt=""></td>
</tr>
<tr>
<td colspan="3">
<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#FFFFFF" height="37">
<p align="center"><font face="Verdana">
<a href="http://www.mapquest.com/maps?form=directions&2pn=Dennison Construction LLC&2a=E7040 Dennison Rd&2c=Clintonville&2s=WI&2z=54929&2y=US&2l=44.546294&2g=-88.865346">
Map Quest Us</a></font></td>
</tr>
</table>
</td>
<td>
<img src="images/spacer.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/again_17.jpg" width="192" height="15" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="images/again_18.jpg" width="36" height="60" alt=""></td>
<td>
<div style='width: 120px; height: 60px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/clouds_120x60_bg.jpg ); background-repeat: no-repeat; background-color: #;' ><div style='height: 48px;' ><script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&tStyle=normal&logo=1&zipcode=54929&lang=eng&size=7&theme=clouds&metric=0&target=_self'></script></div><div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; line-height: 12px; color: #;' ><a style='color: #' href='http://www.accuweather.com/us/WI/CLINTONVILLE/54929/city-weather-forecast.asp?partner=netweather&traveler=0' >
Weather Forecast</a></div></div></td>
<td>
<img src="images/again_20.jpg" width="36" height="60" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="60" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/again_21.jpg" width="192" height="99" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="99" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/again_22.jpg" width="192" height="74" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="74" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/again_23.jpg" width="192" height="11" alt=""></td>
<td colspan="6">
<img src="images/again_24.jpg" width="464" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
</table>
</div>
<!-- End ImageReady Slices -->
</body>
</html>

CSS:

BODY
{font-family: verdana, tahoma, arial, sans-serif;
font-size: 10pt;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;}

P
{padding-top: 10px;
margin: 0px;}

H1
{font-size: 12pt;
font-weight: bold;
padding-top: 0px;
margin: 0;}

table.navbar
{font-size: 8pt;
margin: 0px;
padding: 0px;
border: 0px;
font-weight: bold;}

table.menu
{font-size: 8pt;
margin: 0px;
padding: 0px;
font-weight: bold;}

td.menuNormal
{padding: 0px;
color: black;
font-weight: bold;
vertical-align: top;
background-color: white;}

td.menuHover
{padding: 0px;
color: black;
font-weight: bold;
vertical-align: top;
background-color: white;}

div.menuNormal
{display: none;
position: static;}

div.menuHover
{border: 2px solid black;
background-color: white;
display: inline;
position: absolute;}

a.menuitem:link
{text-decoration: none;
color: black;
background-color: white;
display: block;}

a.menuitem:visited
{text-decoration: none;
color: black;
background-color: white;
display: block;}

a.menuitem:hover
{text-decoration: none;
color: orange;
background-color: black;
display: block;}

a.menuitem:active
{text-decoration: none;
color: red;
display: block;}

JS:

function expand(s)
{
var td = s;
var d = td.getElementsByTagName("div").item(0);

td.className = "menuHover";
d.className = "menuHover";
}

function collapse(s)
{
var td = s;
var d = td.getElementsByTagName("div").item(0);

td.className = "menuNormal";
d.className = "menuNormal";
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum