Page 1 of 1

how to design drop down links

Posted: Fri Jan 15, 2010 3:12 am
by adsegzy
Hello there,
Am designing a site and i need to categories my links into groups to that i wont have too much links everywhere. for example, once the mouse is moved over SERVICES button, the SERVICES button should drop down the list of all available services in which a visitor can click one of the services to read. Pls how do i do this?

Regards

Re: how to design drop down links

Posted: Fri Jan 15, 2010 3:22 am
by aravona
I have just done something very similar to this, only horizontally (after much effort :) )

I used a premade CSS and javascript code and then using <ul> and <li> tags in html. There are plenty of premades and tutorials out there :)

Re: how to design drop down links

Posted: Fri Jan 15, 2010 4:16 am
by adsegzy
Hello aravona

can you pls give me the example of the code
regards

Re: how to design drop down links

Posted: Fri Jan 15, 2010 9:52 am
by pickle
I wouldn't rely on any technique that requires Javascript to work. What happens then if the user viewing your site doesn't have Javascript?

There are CSS only options. Google for "CSS Drop down menu". The basic premise is you make an unordered list. Inside each list element is a second unordered list that becomes the drop down. The second unordered list is hidden until the list item is hovered over.

Re: how to design drop down links

Posted: Wed Feb 17, 2010 9:25 am
by social_experiment
Found this in my code repository.

Re: how to design drop down links

Posted: Thu Feb 18, 2010 1:38 am
by daedalus__
alistapart.com has a fantastic article about this: http://www.alistapart.com/articles/horizdropdowns/

Re: how to design drop down links

Posted: Thu Feb 18, 2010 3:08 am
by aravona
I never got alistaparts working when I tried it a few months back - theres a tonne of premade packages on dynamicdrive.com tho :)