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 GraciasI think this is more dhtml than css.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.It depends really if
Originally posted by TMA
pulls down
was the operative part of the sentence.
The bottom of this page
<!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=11551">http://forums.webdeveloper.com/showthre ... adid=11551</a><!-- m -->
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.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.
<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/edge/menus/demo.html">http://www.meyerweb.com/eric/css/edge/menus/demo.html</a><!-- m -->
It works and you may want to try this. Still, javascript menu is a better way so long as the site is accessible.
-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 GraciasI think this is more dhtml than css.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.It depends really if
Originally posted by TMA
pulls down
was the operative part of the sentence.
The bottom of this page
<!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=11551">http://forums.webdeveloper.com/showthre ... adid=11551</a><!-- m -->
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.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.
<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/edge/menus/demo.html">http://www.meyerweb.com/eric/css/edge/menus/demo.html</a><!-- m -->
It works and you may want to try this. Still, javascript menu is a better way so long as the site is accessible.