Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 05-20-2012, 03:48 PM   PM User | #1
HAL 9000
New to the CF scene

 
Join Date: May 2012
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
HAL 9000 is an unknown quantity at this point
Drop line navigation bar with images

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:

http://www.stunicholls.com/menu/jquery-dropline-7.html

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!!!
Attached Files
File Type: zip example.zip (44.8 KB, 22 views)
HAL 9000 is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 02:53 AM.


Advertisement
Log in to turn off these ads.