Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    May 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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 Attached Files


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •