Thanks All. I got it in my Site ans assigned a link to the ‘Contact Door’. But when you click it something weird happens. You will see it and hopefully have some advise. Just added same link to the HTML file that is in the download from CSS Tricks. And when I click it there is no duplication of the menu like online.
FYI – I took off the (overflow: auto) in the CSS ul#menuback. The menu does not duplicate and link works, but when clicked I get 2 lines on the left of the menu, the same height as the menu.
You are always willing to help. I will look into that for sure. Not sure if it is right but I changed the overflow to HIDDEN and now it works fine, but that may just be a bandaid so I will look at the DIV you mentioned
I am now at the last stage of this. All is in and working great, but to further my learning I want to make a sprite from all the images that make up the menu. Just use one image. I have not been able to find help on this. I fully understand the propcess but am hung up at one point.
Your CSS Styles your HTML, so personally I would style my a tags to be blocks with the correct width and height and the correct background image at the right position – then I would use the a:hover class to change the background position on the correct elements…