Click to See Complete Forum and Search --> : Css/pull down menu.


TMA
06-23-2003, 02:28 PM
A few quick questions.

-1- I have a top horizontal Navigation bar. This is done with a series of image / role over images. Is it possible using Css to have it so when the mouse over the Role over image that it also (+) pulls down a menu which I can add links to?

-2-If so then could someone help me out with some basics that I will need to complete the task? If not please point me to a web page that might give me some insight on what I need to do.

Mochas Gracias

DaveSW
06-23-2003, 02:52 PM
I think this is more dhtml than css.

silentb
06-25-2003, 09:50 AM
DHTML would definetly do it but I believe there may be a way to do it with CSS. On my old website I had images that when you moused over them a black box, with a description, would appear. I believe I did this with some display property. The box was always there but was hidden until you moused over the images. So in theory you may be able make a list that appears below the nav buttons when their moused over. Wish I could remember the exact code. I'll try to find again and post it here if I do.

DaveSW
06-25-2003, 09:54 AM
It depends really if

Originally posted by TMA
pulls down

was the operative part of the sentence.

The bottom of this page
http://forums.webdeveloper.com/showthread.php?s=&threadid=11551
tells you how to do it the css way. just remember to set the z-index to some high number to ensure the menu's on top.

nkaisare
06-25-2003, 10:13 AM
Originally posted by TMA
Is it possible using Css to have it so when the mouse over the Role over image that it also (+) pulls down a menu which I can add links to?
Currently, Javascript is the standard to do this. And using javascript is what I will recommend. Note however that there are about 8-10% people who do not use javascript (by choice or otherwise), and you should provide alternate way to browse.

If not please point me to a web page that might give me some insight on what I need to do.
http://www.meyerweb.com/eric/css/edge/menus/demo.html
It works and you may want to try this. Still, javascript menu is a better way so long as the site is accessible.