View Full Version : Drop line navigation bar with images

HAL 9000
May 20th, 2012, 04:48 PM
Hi everyone,

I have a problem to code drop line navigation bar for the web site with images. I have found example online how it can be done using jQuery but the problem is that buttons are not made out of images but pure HTML and CSS.

Does anyone know how can I achieve the same result using just images as buttons?

Here's the link towards example I mentioned:


You can see that drop line in the above example is made in 4 levels which I don't really need. Just one drop line in submenu will work for me.

As a matter of fact I did manage to achieve this effect with just pure HTML and CSS but can't force it to keep buttons active once someone clicks to access page. I want that when chosen page loads up I have active button in Main Bar and submenu seen, so user can clearly see where he/she is. Just the way its been done with this jQuery example above.

Just to make it clear I can make those buttons visible but then navigation bar won't work at all. Just stands there as static image and you can't make any choices in order to navigation to another page.

In the attachment you will find my code so you can see what I have done so far and hopefully it will help you to provide me with adequate solution.

Since the example I listed above has been done using jQuery, maybe I need to that using jQuery too, no?

Does anyone have clue how this can be achieved?

Thanks a lot!!!