Submenu on hover/mouseover not working

[bwallace]

Hi everyone,

I see a thread here that may help, but as with the code I am using it doesn't help with designing a submenu for each item on our site menu. When you visit this page , there are three problems with the left menu:

(1) The only submenu that shows when you hover over anything on the left menu is the one for the first category.
(2) The main category on the left menu enlarges when the submenu appears.
(3) The links on the submenu all go to the URL for the main category on the left menu.

Here's the code:

Advice Topics   Home & Garden

DecoratingCleaning & MaintenanceApartment & City LivingGardeningMoving
   Food

Kitchen HelpFood Shopping & RestaurantsRecipes
   Family &
   Relationships

MarriageKidsHolidaysFunPets
   Health

DecoratingCleaning & MaintenanceApartment & City LivingGardeningMoving
   Beauty & Style

Fitness & Weight ManagementIllness Prevention & RemediesMen's HealthWomen's Health
   Travel

Auto Maintenance & RepairTrips & VacationBuying & Selling a Vehicle
   Finances

Free StuffSaving MoneyDebtCareer and Education

Please help!

[Kraai]

Hi, I did not go over your whole code, but can give you some general pointers:

1. The links in the submenu all go to the homepage, because that is the way they are currently linked:

For example, this:

<table class="seen2" style="font-size:small; right:100px">
<tr><td class="tpx2" valign="middle" onclick="window.location.href='http://home.naturalfrugality.com/home.php'">Decorating</a></td></tr>

Should be something like this:

<table class="seen2" style="font-size:small; right:100px">
<tr><td class="tpx2" valign="middle" onclick="window.location.href='http://home.naturalfrugality.com/decorating.php'">Decorating</a></td></tr>

But there may be some other mistakes as well, I see in above code you end of without opening anywhere, and so on.

You should look carefully over your code, as well as the linked stylesheet, to rectify the problems.

[bwallace]

Thanks, Kraai, I forgot to mention that some of the links were dummy links until those pages exist. We figured out a way to fix it though. We moved the submenus from the left menu table and made them divs below the table. Then we adjusted the relative position of each submenu to make them appear beside the left menu.

[Kraai]

Good stuff, glad you came right!