Irish SEO,  Marketing & Webmaster Discussion

 

CSS help, drop down menu in wordpress

This is a discussion on CSS help, drop down menu in wordpress within the Coding Help forums, part of the Webmaster Help category; Hi Lads, Doing a freebie for the GAA club here at the moment and one of the things they want ...


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

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


Notices

Reply

 

LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 11-03-2008, 09:19 PM
garycocs's Avatar
Wannabe Geek
Recent Blog: Bangkok
 
Join Date: Oct 2007
Location: Dubland
Posts: 154
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
garycocs will become famous soon enough
Send a message via AIM to garycocs Send a message via MSN to garycocs Send a message via Yahoo to garycocs Send a message via Skype™ to garycocs
Default CSS help, drop down menu in wordpress

Hi Lads,
Doing a freebie for the GAA club here at the moment and one of the things they want is a drop down menu from the top bar.

Ballygarvan GAA Club

If you hover over hurling you'll see my attempt.

Sorry my css isn't the best and all that I was just wondering what the best attack would be? Is there some css i could use to insert other <ul> <li> tags?

thanks for any help lads

head wrecked!
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 11-03-2008, 10:07 PM
louie's Avatar
Senior Member
 
Join Date: Jan 2006
Location: Dublin, Ireland
Posts: 2,048
Nominated 5 Times in 3 Posts
Nominated TOTW/F/M Award(s): 1
louie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enoughlouie will become famous soon enough
Send a message via Yahoo to louie Send a message via Skype™ to louie
Default

first of all there is no such thing as position:float

second you need some javascript to detect the mouse coordinates and show/hide the div based on that.
__________________
:. Web Design & Development Web Design Ireland
:. Search Engines Optimization Search Engines Optimization
:. Directory Submission Directory Submission
:. News & Press Release Ireland GiveItSocks.com
:. Used Cars Ireland, Car Parts & Car Audio Cars For Sale, Car Parts & Accessories
:. I Have 2 Find It Directory SEF Directory
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 11-03-2008, 11:39 PM
garycocs's Avatar
Wannabe Geek
Recent Blog: Bangkok
 
Join Date: Oct 2007
Location: Dubland
Posts: 154
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
garycocs will become famous soon enough
Send a message via AIM to garycocs Send a message via MSN to garycocs Send a message via Yahoo to garycocs Send a message via Skype™ to garycocs
Default

Balls, thought that float thing would work.

I thought the onMouseOverthing would work?

Sorry if this seems trivial, there are gaping holes in my css knowledge (apart from others)
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 11-03-2008, 11:51 PM
404 username not found's Avatar
Undefined offset:
 
Join Date: Jan 2007
Location: localhost
Posts: 69
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
404 username not found will become famous soon enough
Default

You should have a look at the menu system used at grc.com, it's 100% css and the guy was cool enough to make it public domain.
GRC*|*Script-Free Pure-CSS Menu Demo

Haven't tried it myself, but it looks damn fine if you can adapt 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
  #5 (permalink)  
Old 12-03-2008, 05:00 PM
garycocs's Avatar
Wannabe Geek
Recent Blog: Bangkok
 
Join Date: Oct 2007
Location: Dubland
Posts: 154
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
garycocs will become famous soon enough
Send a message via AIM to garycocs Send a message via MSN to garycocs Send a message via Yahoo to garycocs Send a message via Skype™ to garycocs
Default

Ya the problem is I cant adapt it, really annoying the way my css is so poor, just dont have time to work on it at the moment!
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 13-03-2008, 06:45 PM
gav240z's Avatar
Wannabe Geek
 
Join Date: Dec 2007
Location: Rathmines, Dublin
Posts: 433
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
gav240z is a jewel in the roughgav240z is a jewel in the roughgav240z is a jewel in the rough
Default Suckerfish Drop Down CSS

Look up CSS Suckerfish Drop Downs.
That should get you started.

Generally Wordpress is quite good in that it nests menu's in LI items

<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>

<ul id=sublist>
<li>Sub List Item 1</li>
<li>Sub List Item 2</li>
<li>Sub List Item 3</li>
</ul>

</ul>

If you can get your head around that you should be able to implement drop downs in Wordpress. Its a bit tricky, but possible.
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 13-03-2008, 07:08 PM
garycocs's Avatar
Wannabe Geek
Recent Blog: Bangkok
 
Join Date: Oct 2007
Location: Dubland
Posts: 154
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
garycocs will become famous soon enough
Send a message via AIM to garycocs Send a message via MSN to garycocs Send a message via Yahoo to garycocs Send a message via Skype™ to garycocs
Default

Finally got my head around it, main problems:

1 - lack of css knowledge

2 - too many random ones out there

3 - forgot to put in the essential piece of JS
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
css, drop, menu, wordpress

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
Forum Jump

Similar Threads

Thread Thread Starter Forum Replies Last Post
Including wordpress in Content Management System & access to Hosting swissalarm CMS and Content Management 10 19-04-2008 03:23 PM
Simple css horizontal drop-down menu Big D Coding Help 5 22-12-2007 04:39 PM
Java Menu Ronan O'F Coding Help 4 19-10-2007 12:08 AM
ie6 css :hover display:block; issue matt-dublin Coding Help 0 17-09-2007 09:05 PM
CSS Issue for Wordpress Menu.. Cormac Coding Help 4 03-12-2006 03:12 PM


Sponsored links

Paid On Results


All times are GMT +1. The time now is 01:34 PM.


Powered by: vBulletin Version 3.7.3, Copyright ©2000 - 2008, 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.2.0