If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Crazykld69, I tried the code you posted in # 6. It has the same issue as the samsug and kathmandu for certain links in a very small window (240 px, 320px). You could deal with the image(s) by sizing it/them with percentages. As for text blocks (that open after the mouse hovers over a link), see this code and this blog.

I just need a little help. The text in the menu, i need it to be in the middle of the menu background image. (vertical align-centre). I cannot seem to figure that out. Can you please help me? Here is the link to my test page. http://www.elsema.com/menutest1.html

The Following User Says Thank You to jscheuer1 For This Useful Post:

OMG, So easy. Thank you once again jscheuer1. Just another small issue. If you look closly, in the dropdown menu there is a small black dot in the top right hand corner. Can't seem to get rid og that. I guess its in the code somewhere.

Ok i have another glitch. When mouseover the menu, the dropdown starts from the position of the menu on which you have your mouse, so when i go to the one on the right hand side, the dropdown gets vertical. Can i have it so that it always horizontal and move to the left if there is not enought room on the right? If you see this page http://www.elsema.com/menutest1.html and take mouse over the menu on the right you will see it.

Unless I misunderstand, that's not a glitch. I believe that's the default layout for the menu. To get what I think you're saying you want, again in the global.css file, this time around line 140, add the two highlighted lines:

The Following User Says Thank You to jscheuer1 For This Useful Post:

Thanks jscheuer1. The menu seems to stick to the left. Can it be made so that it appears on the center of the menu (whichever the mouse is on)? Please have a look at menu two. The right side comes in. It looks funny. Can it be that the whole dropdown is centered but still within the page width.

Also on menu two and menu three the image does not change on mouseover. Where am i missing the code?

That might take a little time to work out. I thought you just wanted them all left aligned.

Anyways, the reason the rollover only works on the first one is that there can only be one element with an id of img1 on the page. If you have more than one the code will either throw an error (older browsers) or pick the first one and use that. The latter must be what's happening. The rollover is working but the image that's changing cannot be seen. I just tested it and I can control the images on Menu One from Menu Two.

Each div whose image that you're changing must have it's own unique id and be referenced as such in the rollover events.