Irish SEO,  Marketing & Webmaster Discussion

 

Dropdown navigation

This is a discussion on Dropdown navigation within the Coding Help forums, part of the Webmaster Help category; Hi folks, I'm trying to create a dropdown navigation element similar to that on the top right of Dublinbynumbers - ...


Go Back   Irish SEO, Marketing & Webmaster Discussion > Webmaster Help > Coding Help

Register Forum Rules FAQDonate Calendar Search Today's Posts Mark Forums Read

  #1 (permalink)  
Old 08-08-2008, 08:42 AM
andywozhere's Avatar
Wannabe Geek
 
Join Date: Oct 2007
Location: Dublin
Posts: 150
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
andywozhere will become famous soon enough
Default Dropdown navigation

Hi folks,

I'm trying to create a dropdown navigation element similar to that on the top right of Dublinbynumbers - Dublin's Directory and Guide - gyms, doctors, hotels, creches... . I've used a mixture of javascript, css and tables, but I was wondering if there is a better way to do it? Is it OK to use tables here? Any advice appreciated.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2 (permalink)  
Old 08-08-2008, 09:35 AM
Forbairt's Avatar
respect my AW-THOR-IT-AYY
 
Join Date: Jun 2007
Location: My Office, Dublin
Posts: 2,157
Nominated 2 Times in 1 Post
Nominated TOTW/F/M Award(s): 1
Forbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enough
Send a message via AIM to Forbairt Send a message via MSN to Forbairt Send a message via Yahoo to Forbairt Send a message via Skype™ to Forbairt
Default

Stu Nicholls | CSSplay | CSS only menus
__________________
Forbairt Media | Web Design Dublin, Ireland - Web Development Dublin, Ireland
Recent Work: Safari Club African Safari Holiday - South Africa Holiday Safaris
Other Stuff: FluffyLinkulator Rapid Inclusion Service Tool
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3 (permalink)  
Old 08-08-2008, 09:44 AM
gav240z's Avatar
Wannabe Geek
 
Join Date: Dec 2007
Location: Rathmines, Dublin
Posts: 465
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
gav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nice
Default Suckerfish baby!

Suckerfish baby! .

A Tried and tested drop down menu, works on all browsers using pure CSS.

IE5.5 / 6 requires a small bit of a javascript. IE7 does not.

A List Apart: Articles: Suckerfish Dropdowns

Example of a pretty version.
the Suckerfish

There's also Son of Suckerfish.

Son of Suckerfish Dropdowns | HTML Dog

A pretty example:
Suckerfish Dropdowns - Perciformes!


I'm using this method on my new Drupal site in development, looks very slick, I love it.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4 (permalink)  
Old 08-08-2008, 09:48 AM
gav240z's Avatar
Wannabe Geek
 
Join Date: Dec 2007
Location: Rathmines, Dublin
Posts: 465
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
gav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nice
Default

Quote:
Originally Posted by Forbairt View Post
Thanks mate, haven't seen this site before, will give it a look over.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5 (permalink)  
Old 08-08-2008, 11:37 AM
andywozhere's Avatar
Wannabe Geek
 
Join Date: Oct 2007
Location: Dublin
Posts: 150
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
andywozhere will become famous soon enough
Default

Thanks guys, more CSS resources than you could shake a stick at! Especially like the Stu Nicholls one.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6 (permalink)  
Old 22-08-2008, 04:50 PM
andywozhere's Avatar
Wannabe Geek
 
Join Date: Oct 2007
Location: Dublin
Posts: 150
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
andywozhere will become famous soon enough
Default

I've been trying to put together a css dropdown navbar on dropdown_test , but getting it to work on IE6 is making my head hurt. Hopefully I'll get there in the end though.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7 (permalink)  
Old 22-08-2008, 05:37 PM
gav240z's Avatar
Wannabe Geek
 
Join Date: Dec 2007
Location: Rathmines, Dublin
Posts: 465
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
gav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nicegav240z is just really nice
Default CSS Javascript.

You do know that you need a bit of Javascript for IE6 pure CSS drops downs?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8 (permalink)  
Old 22-08-2008, 05:44 PM
andywozhere's Avatar
Wannabe Geek
 
Join Date: Oct 2007
Location: Dublin
Posts: 150
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
andywozhere will become famous soon enough
Default

Quote:
Originally Posted by gav240z View Post
You do know that you need a bit of Javascript for IE6 pure CSS drops downs?
I do now!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9 (permalink)  
Old 22-08-2008, 05:49 PM
Forbairt's Avatar
respect my AW-THOR-IT-AYY
 
Join Date: Jun 2007
Location: My Office, Dublin
Posts: 2,157
Nominated 2 Times in 1 Post
Nominated TOTW/F/M Award(s): 1
Forbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enough
Send a message via AIM to Forbairt Send a message via MSN to Forbairt Send a message via Yahoo to Forbairt Send a message via Skype™ to Forbairt
Default

Quote:
Originally Posted by gav240z View Post
You do know that you need a bit of Javascript for IE6 pure CSS drops downs?
em ... no you don't ... but it can help

Stu Nicholls | CSSplay | A css only dropdown menu

Also I'm not sure if you're allowed have a ul element within an anchor ... (depending on your doc type)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10 (permalink)  
Old 26-08-2008, 10:54 AM
andywozhere's Avatar
Wannabe Geek
 
Join Date: Oct 2007
Location: Dublin
Posts: 150
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
andywozhere will become famous soon enough
Default

I think I should of read this piece of advice before starting:

"If you want to play with this one, be warned, it is very tricky as you are playing with parallel css files and a dual purpose menu.
I have literally been trying to perfect this method for several months".

I think I might start over again from scratch!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
dropdown, navigation

Thread Tools
Display Modes

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
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads

Thread Thread Starter Forum Replies Last Post
Best Navigation Architecture For Domain Database? jmcc CMS and Content Management 8 28-04-2008 12:33 PM
CSS vertical navigation bar difficulties crescent Coding Help 3 19-03-2007 07:26 PM


Sponsored links

Pepperjam Network
Paid On Results www.zanox.com


All times are GMT +1. The time now is 07:03 PM.


Powered by: vBulletin Version 3.8.2, Copyright ©2000 - 2009, Jelsoft Enterprises Limited.
Hosted in Ireland by Blacknight - Test your ISP |Irish Hosting Directory| Armchair.ie|Logo by Eden Web Design|Avatars by Afterglow |Latest Blog Entries | VPS HostingAd Management by RedTyger

Search Engine Friendly URLs by vBSEO 3.3.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51