Click to See Complete Forum and Search --> : sub menu will not close


mollybigd
10-15-2007, 02:32 PM
I work in FrontPage to create my companies website. On the main "index" page I have a menu with some drop down menus. When I go and look at the site which is www.nooksack-tribe.org, I always notice that the submenu is always open. Before I click to go to another webpage, I close it by mouseover, and it closes. On a different webpage within my website, I click on "home" which brings me back to the "index" page and the submenu is open. Is there a way to correct this. I would like people that are looking at my website to see just the main menu when they are there. I have created this submenu many times to get it to close, but being unsuccessful. Do you think I should uninstall/reinstall my FrontPage. I need HELP... Thank you.

KDLA
10-16-2007, 10:55 AM
You've definitely got some weirdness going on there. I'd guess your problem stems from this:

<div style="position: absolute; width: 152px; height: 147px; z-index: 2; left: 126px; top: 418px" id="mainMenu" onmouseout="FP_changeProp(/*id*/'CouncilSubMenu',0,'style.visibility','hidden')">
<div style="position: absolute; width: 100px; height: 80px; z-index: 1; left: 39px; top: 23px; " id="CouncilSub" onmouseout="FP_changeProp(/*id*/'CouncilSub',0,'style.visibility','hidden')" onmouseover="FP_changeProp(/*id*/'CouncilSub',0,'style.visibility','hidden')">

The first div statement does not hide the menu, only indicates that it should be hidden onmouseout.
According to the second div state, the visibility is changed to hidden both on mouseout and mouseover.

KDLA

mollybigd
10-16-2007, 12:22 PM
KDLA:

So in your opinion what would you suggest? Should I go back and re-create the submenu? or?????

Thank you for replying to my message. I have managed to have my other submenus work:cool: , but this one is killing me.

KDLA
10-16-2007, 12:27 PM
What you've got is a really clumsy way of doing it, with the images and js. I suggest you try a different method:http://www.htmldog.com/articles/suckerfish/dropdowns/
This is much easier to manipulate.

KDLA

mollybigd
10-16-2007, 12:42 PM
KDLA:

Thank you for the link, but you wanna know something, I tried to work with Son of the Suckerfish ( A list apart) & what happened in the end, after following all the instructions to the letter, my menu would not move to my table. I just couldn't get it to move, so I dumped it. All I want to do is create a successful dropdown without problems. I guess I shouldn't use what FP offers in regards to making menus. I should use what I have been taught to use instead of trying to do things the easy way. Again thank you for your help.:)

KDLA
10-16-2007, 12:56 PM
If that's the case, and you want to stick solely with FP, I suggest that you redo the menu.

KDLA

mollybigd
10-16-2007, 01:01 PM
To be honest, I don't want to stick with FP menus because they give me too many problems, and I have created this menu using FP many times.

What I think I will do is work with the Son of Suckerfish Dropdowns to get a real feel for how it works, and then I will transfer what I created, submenu, to my table.

My only question that I do have is I would like to do the vertical dropdown. Is there instructions for how to do this instead of doing the horizontal menu?
As well as placing the menu in a table? Thanks again!

KDLA
10-16-2007, 02:05 PM
Take a look at this: http://css.maxdesign.com.au/listamatic/

mollybigd
10-16-2007, 04:41 PM
Thank you for the link, but I have a question for you.

I am following the Drop down menus, horizontal style on A List Apart. Everything is going fine with the code until I get to the part where the code comes in to remove the indents and bullets from the unordered list, define width of menu items, then positioning the list of items, etc.

The code is starting to look like this adn the bottom of where I am coding:

ul { margin: 0; padding: 0; list-style: none; width: 150px; } ul li { position: relative; } li ul { position: absolute; left: 149px; top: 0; display: none; } ul li a { display: block; text-decoration: none color: 40,80,80; padding: 5px;

Can you tell me what I am missing or how to correct this. Again, thank you again for your help.

mollybigd
10-16-2007, 06:14 PM
another question:

Can I still use frontpage (code view) or do I have to use notepad to write the code.