Hello,
I am making a website for my business, downloaded the trial version of Dreamweaver, along with the Accordion Menu Advancer from CSS Menu Tools. I am not familiar withe CSS, and am using Dreamweaver for table layout.
The row that the menu is in shows up fine in Chrome, but in IE, it is very wide. I changed the menu width to 163px so it would line up with the my banner...it was originally 165. I don't think this is the problem. I'm completely lost now.
From what I've read in this forum, I should be doing table styling with CSS, but have no clue how to. Once I get the page looking how I want, I'm guessing I'll hire someone from Elance to clean it up?
Does anyone have any ideas about why this looks like this in IE? Thank you very much for looking.
Here is the code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="html/cssmenutools/scripts/AcrdMenu.css" type="text/css">
</head>
<body>
<table width="1026" height="682" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="304" colspan="3" valign="top"><img src="jpegs/BannerFinal.jpg" alt="Propeller Basin Marina" style="display:block;margin:0"/></td>
</tr>
<tr>
<td height="342" valign="top" bgcolor="#09392d"><div id="AcrdMenueadQJBBDiv" class="eadQJBB__Main" >
<ul style="margin:0px; width:163px;">
<li style="width:163px;">
<div class="eadQJBB__Level-1">Home</div>
</li>
<li style="width:163px;">
<div class="eadQJBB__Level-1">About Us</div>
</li>
<li style="width:163px;">
<div class="eadQJBB__Level-1">Well Map</div>
</li>
<li style="width:163px;">
<div class="eadQJBB__Level-1">Winter Storage</div>
</li>
<li style="width:163px;">
<div class="eadQJBB__Level-1">Summer Dockage</div>
</li>
<li style="width:163px;">
<div class="eadQJBB__Level-1-arrow">Service</div>
</li>
<li style="width:163px;">
<div class="eadQJBB__Level-1">Rates</div>
</li>
<li style="width:163px;">
<div class="eadQJBB__Level-1">Directions</div>
</li>
<li style="width:163px;">
<div class="eadQJBB__Level-1">Contact Us</div>
</li>
<li style="width:163px;">
<div class="eadQJBB__Level-1">Links</div>
</li>
</ul>
<script type="text/javascript">var AcrdMenu_ID="AcrdMenueadQJBB"</script>
<script type="text/javascript" src="html/cssmenutools/scripts/AcrdMenu.js">/* AcrdMenuMenu script ID:AcrdMenueadQJBB */</script>
</div></td>
<td width="510" rowspan="2" align="left" valign="top"> </td>
<td width="343" rowspan="2" align="left" valign="top"> </td>
</tr>
<tr>
<td width="163" height="250" align="left" valign="top" bgcolor="#09392d"><img src="jpegs/DCSpokeIconB&W3.gif" width="163" height="163" alt="Cars, Boats, Antiques Buy/Sell/Trade"/></td>
</tr>
</table>
</body>
</html>
