WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > [SOLVED] Spry Menu Bar - Submenu in reverse direction

Reply
  Thread Tools Display Modes
Old 6th January 10, 04:49 AM   #1
Coldplay-chic
WLC Member
 
Coldplay-chic's Avatar
 
Join Date: May 2009
Location: Australia
Posts: 14
Default Spry Menu Bar - Submenu in reverse direction

Hi Folks,

Does anyone know if it is possible to have a Horizontal Spry navigation with the Submenu going in upwards direction (reverse of the normal dropdown submenu direction)?

Any help would be much appreciated..... and if anyone could suggest some CSS/html I could use to achieve this.. that would also be much appreciated.

Thank you
Coldplay-chic is offline   Reply With Quote
Old 6th January 10, 06:27 AM   #2
Rayzur
WLC Lover
 
Rayzur's Avatar
 
Join Date: Feb 2008
Location: Texas
Posts: 1,331
Default Re: Spry Menu Bar - Submenu in reverse direction

Hi,
To do a drop-up menu (as opposed to dropdown) it is basically the same theory as a dropdown. The only difference would be a negative top:value on the absolute positioned sub ul.

Here is an example at pmob.co.uk
http://www.pmob.co.uk/temp/dropup2.htm
http://www.pmob.co.uk/temp/dropup3.htm

I don't use dreamweaver so I am not familiar with the spry menu code. I would think that it would be similar to a standard suckerfish nav.
__________________
Ray H.

To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.


To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.


To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
Rayzur is offline   Reply With Quote
Old 6th January 10, 06:34 AM   #3
Coldplay-chic
WLC Member
 
Coldplay-chic's Avatar
 
Join Date: May 2009
Location: Australia
Posts: 14
Default Re: Spry Menu Bar - Submenu in reverse direction

Thanks for that. I will give that a go.
Coldplay-chic is offline   Reply With Quote
Old 6th January 10, 02:50 PM   #4
rkrause
WLC Mod
 
Join Date: Sep 2009
Posts: 893
Default Re: Spry Menu Bar - Submenu in reverse direction

Yep, just tested and as long as you obviously do a reverse order on your sub-menu it appears to work fine.

Ryan.
rkrause is offline   Reply With Quote
Old 7th January 10, 04:53 AM   #5
Coldplay-chic
WLC Member
 
Coldplay-chic's Avatar
 
Join Date: May 2009
Location: Australia
Posts: 14
Default Re: Spry Menu Bar - Submenu in reverse direction

Thank you people for your help... that worked just dandy!
Coldplay-chic is offline   Reply With Quote
Old 7th January 10, 07:29 AM   #6
Coldplay-chic
WLC Member
 
Coldplay-chic's Avatar
 
Join Date: May 2009
Location: Australia
Posts: 14
Default Re: Spry Menu Bar - Submenu in reverse direction

Quote:
Originally Posted by Rayzur View Post
Hi,
To do a drop-up menu (as opposed to dropdown) it is basically the same theory as a dropdown. The only difference would be a negative top:value on the absolute positioned sub ul.

Here is an example at pmob.co.uk
http://www.pmob.co.uk/temp/dropup2.htm
http://www.pmob.co.uk/temp/dropup3.htm

I don't use dreamweaver so I am not familiar with the spry menu code. I would think that it would be similar to a standard suckerfish nav.
Just a side question... I was able to get my spry menu bar to work great in Mozilla, Chrome and Safari - but IE puts the dropdown & drop-up menus at the top of the screen. I have tried a few things with adjusting heights, but so far nothing has worked for IE.

This is my updated css: http://www.tcf.asn.au/SpryAssets/Spr...ontal_test.css

I think I will need some sort of "if condition" in the head of my page.. but I'm just not sure how to make it work like these samples menus that I referred to before...

Any help would be appreciated, thanks.
Coldplay-chic is offline   Reply With Quote
Reply


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

Forum Jump


All times are GMT. The time now is 10:39 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.