1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS duplicating a menu

Discussion in 'Web Development' started by ktcoop, Aug 8, 2005.

  1. ktcoop

    ktcoop New Member

    I love the horizontal menu on this site: www.cletusyouth.net but I cannot figure out how to duplicate it. maybe it's not possible in css, but if you have any suggestions or know where I can find a similar template I would appreciate it. :)
     
    ktcoop, Aug 8, 2005
    #1
  2. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    You can do this with css by using a:hover

    This is an example of how the code for it would look like:
    Code:
    a{
background-image:url(home.gif);
}
a:hover{
background-image:url(homehover.gif);
}
     
    Mimoun, Aug 8, 2005
    #2
  3. ktcoop

    ktcoop New Member

    Thanks for the info, but is that just for the rollover? I was really wanting to know how to create the menu. The way that it slides in on the click and out on a second one, and especially how each menu slides into the same space so that it doesn't take up too much realestate on the page?

    If I asked for a template of the navigation how long of a wait is it?

    Thanks again for the help
     
    ktcoop, Aug 8, 2005
    #3
  4. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    I see now what you mean you need JavaScript for that.
    You can find an animated javascript menu here but it's a vertical one.
    And here is a great tutorial from schillmania about animations with JavaScript.
    Hope this helps.
     
    Mimoun, Aug 9, 2005
    #4