Originally Posted by tgreer
Your choices:
Take the images out of the MENU. Have a separate DIV, and use Javascript to position the proper image within that DIV.
-or-
Don't use a LIST for your menu. That will make your pop-outs much more difficult.
I attempt to explain CSS positioning in this article. When you read the part about Absolute Position, just keep in mind that your LI element will act as if it is absolute.
Thanks for your time & detailed explanation.
I'll delve into explanation bit further.
As far as you 2nd recommendation about NOT to use LIST. I wonder in that case, how could I possibly display these headings (Beer/Wine/Whisky, etc.) since right now, it's displayed as list & are "block".
As far as the pop-up i.e. sub menus is concerned, present, it's often a pain in the neck that it simply DOES NOT give viewer enough time to drag their mouse on the sub-menu's list (Introduction/Varieties/History, etc.), since by the time they drag their mouse pointer there, it just disappears.
Isn't there any way, I can have this sub-menu stay, at least long enough for viewers to be able to make a selection from this sub-menu's list ???
Nope, I'm NOT God, but I'm British (which is the next best thing ;)
