really really stuck

help

[ambrosia]

i'm trying to build a menu for my site but i'm having problems fine tuning it

does anybody know how i can make the pop up part disappear when youre not hovering over it, at present if you move the curser to another part of the screen without passing over the pop up it just remains there

i tried doing it in pure css but it just a mess and wont work. besides i was hopping to do it in javascript, google can read css links and that would take me over the 100 links google recomends as a max per page

i’m getting so frustrated

thanks for your help in advance

[edited by: jatar_k at 4:32 pm (utc) on Sep. 26, 2006]
[edit reason] no urls thanks [/edit]

[penders]

does anybody know how i can make the pop up part disappear when youre not hovering over it, at present if you move the curser to another part of the screen without passing over the pop up it just remains there

I think you need to activate the same onmouseout event, that you already have on the popup, in the onmouseout event of element on the main menu that causes the popup to display in the first place. (It seems to already work OK on the original site - maybe check out their code)

i tried doing it in pure css ... but it just a mess and wont work.

To be honest, your CSS version does seem to work OK - perfectly functional in both FF and IE. It may not look quite as you want at the mo, but I think that can be worked on.

[ambrosia]

i wrote the original version using dreamwaver but looking at it now i can make head nor tale of the code, i tried copying and pasteing bits which seemed relevant, unfortunately it didnt work.

the code i'm using now i took from a helpful sites which offers tutorials on building menus "onmouseout="javascript:montre" was already there, is this the bit i need to change

[ambrosia]

ah Penders your a genius i started looking at onmouse out in the body (before i've just be adjusting the stylesheet)

there is a mouseout on the dd tag but not the dt tag, so i tried putting onmouseout="javascript:montre() it kind of worked unfortunately the block now disapears before you can click on it, is there anyway you can put a time delay on the on the mouseout, just a fraction of a second would be ideal

[penders]

A delay might be a possibility (I think you have something similar on the original)... What is happening is the onmouseout event is being triggered when you move off the anchor, and the anchor doesn't fill the whole block (it is just the text). So, you could try first just making the anchors into blocks, to fill the whole area, so the onmouseout event doesn't trigger until you are completely out of the area....

div#menu1 dt a {display:block; ....

I think this works better too, as you don't have to be quite so accurate with the mouse.

Can you now get from the main menu to the popup?

[penders]

besides i was hopping to do it in javascript, google can read css links and that would take me over the 100 links google recomends as a max per page

Although you are using JavaScript to popup your menus, all your links are defined in the HTML markup for all (inc. Google) to see. I don't think there is any difference between your JS and CSS solutions in this respect.

I was not aware of the 100 link google recommendation... I can understand this for external links perhaps. But for internal links, maybe where you have a site map, I can see 100 links as a distinct possibility.

[ambrosia]

Penders I manage to fix it, i pretty much did what you said, i increased the padding on the words so they would reach the block
My homepage is now in CSS

<snip>

(got the internal ones to do next)

as for my 100 links limit it seems google can read this type of navigator i used <snip> to check my site

which means all my pages if you include the navigator are just over, (except for my site map which is well over, guess that explains why page 2 of my site map has never been indexed by google)

thanks for your help
whats your main site by the way, i'ld be interested to see it

[edited by: engine at 1:07 pm (utc) on Sep. 27, 2006]
[edit reason] See TOS [webmasterworld.com] [/edit]

[penders]

Glad you got it sorted... and welcome to WebmasterWorld btw! (You may have noticed, they don't like personal links being posted, as they tend to go out of date for one - often better to post code snippets if you can.)

whats your main site by the way, i'ld be interested to see it

Errrm, "Under Construction!" ;)