iEntry 10th Anniversary Forum Rules Search
WebProWorld
Register FAQ Calendar Mark Forums Read
Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
Roll down menus
Index Link To US Private Messages Archive FAQ RSS
Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Share Thread: & Tags

Share Thread:

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 11-28-2006, 04:37 PM
WebProWorld Veteran
  
Join Date: Jun 2006
Location: NYC
Posts: 351
nseidm1 RepRank 0
Default Roll down menus
My website is way to long and I've had complains about scrolling requirements. I would like for each section to roll down and up upon mouseclick, but I have no idea how to achieve this effect. Any thoughts, links, or code would be greatly appreciated!!

www.waterfuelconverters.com
Reply With Quote
  #2 (permalink)  
Old 11-29-2006, 01:26 AM
Dubbya's Avatar
WebProWorld 1,000+ Club
WebProWorld MVP
  
Join Date: Nov 2006
Location: Steinbach, Manitoba, Canada
Posts: 1,300
Dubbya RepRank 4Dubbya RepRank 4Dubbya RepRank 4Dubbya RepRank 4Dubbya RepRank 4
Default
I'm not sure what it is you're trying to do. Do you have an example of what you're looking for?
Reply With Quote
  #3 (permalink)  
Old 11-29-2006, 02:04 AM
WebProWorld Veteran
  
Join Date: Jun 2006
Location: NYC
Posts: 351
nseidm1 RepRank 0
Default Yes
Like Yahoo, there top right links. On mouseover the menu changes, and the rest of the menus below more down.
Reply With Quote
  #4 (permalink)  
Old 11-29-2006, 07:53 AM
Webnauts's Avatar
WebProWorld 1,000+ Club
WebProWorld MVP
  
Join Date: Aug 2003
Location: Worldwide
Posts: 8,164
Webnauts RepRank 9Webnauts RepRank 9Webnauts RepRank 9Webnauts RepRank 9Webnauts RepRank 9Webnauts RepRank 9Webnauts RepRank 9Webnauts RepRank 9Webnauts RepRank 9Webnauts RepRank 9
Default Re: Roll down menus
Quote:
Originally Posted by nseidm1
My website is way to long and I've had complains about scrolling requirements. I would like for each section to roll down and up upon mouseclick, but I have no idea how to achieve this effect. Any thoughts, links, or code would be greatly appreciated!!

www.waterfuelconverters.com
You are posting in the wrong forum. It is moved now at the graphic/design forum.
__________________
"Being an expert isn't telling other people what you know. It's understanding what questions to ask, and flexibly applying your knowledge to the specific situation at hand. Being an expert means providing sensible, highly contextual direction." Jeff Atwood
SEO Workers - Search Engine Optimization Consulting Company | SEO Analysis Tool | Webnauts Net SEO
Reply With Quote
  #5 (permalink)  
Old 12-05-2006, 05:34 PM
WebProWorld Pro
  
Join Date: Aug 2003
Location: California,USA
Posts: 294
drummin RepRank 0
Default
Give this a try.

<style type="text/css">
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff; color:#0000FF;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
</style>
</head>
<body>
<a class="hid" href="#more" onclick="this.hideFocus=true" onblur="this.hideFocus=false"><span>Main Category One</span>Main Category One
Add One Link here
Add One Link here
Add One Link here</a>
<a class="hid" href="#more" onclick="this.hideFocus=true" onblur="this.hideFocus=false"><span>Main Category Two</span>Main Category Two
Add Two Link here
Add Two Link here
Add Two Link here</a>
<a class="hid" href="#more" onclick="this.hideFocus=true" onblur="this.hideFocus=false"><span>Main Category Three</span>Main Category Three
Add Three Link here
Add Three Link here
Add Three Link here</a>

EDIT:
Sorry.
After looking at this more I found this didn't work in FF. Might be a nesting problem with "a" tags. Works fine for adding "More" text, just not links. Maybe one of you pros can figure out another way.
Reply With Quote
  #6 (permalink)  
Old 12-05-2006, 11:49 PM
WebProWorld Pro
  
Join Date: Aug 2003
Location: California,USA
Posts: 294
drummin RepRank 0
Default
I played with this awhile and couldn't get internal links to work without JS.

You might search for Menu Tree and find many scripts that would do the job. I was hoping to give you a simple answer without JS. You might also modify a dropdown menu and stack these on top of one another.
Hope that helps.
Reply With Quote
  #7 (permalink)  
Old 12-06-2006, 01:54 AM
sands's Avatar
WebProWorld Veteran
  
Join Date: Sep 2005
Location: Kerala, India
Posts: 395
sands RepRank 1
Default Re: Yes
Quote:
Originally Posted by nseidm1
Like Yahoo, there top right links. On mouseover the menu changes, and the rest of the menus below more down.
You mean a collapsible menu? If yes, try this:
Collapsible Menu
For a similar menu that floats, try this:
Floating Collapsible Menu
__________________
My Nook | My Biz | My Photos
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum

« html into php page. | Websites for women »
Thread Tools
Display Modes
Linear Mode Linear Mode

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


All times are GMT -4. The time now is 05:15 PM.

WebProWorld - Archive - Top

WebProWorld | Advertise | Contact Us | About | Forum Rules | MVP's | Archive | Newsletter Archive | Top | WebProNews
WebProWorld is an iEntry, Inc. ® site - © 2009 All Rights Reserved Privacy Policy and Legal
iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509

Search Engine Optimization by vBSEO 3.3.0