Help - Search - Members - Calendar
Full Version: Spry Drop Down Menu Problem
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
rgta33
Hello!

I have a question regarding spry drop drown menu.

1.) What I wish to do is to make the submenus smaller than the main menus. I did this by changing the height of the submenus. BUT the words inside the submenus are cut off. If i try to change its padding, the words in main menus are affected.

How can I make the submenu smaller than the main menu like this site? ---> www.mikemahler.com

2.) I am working with this site, www.rommeltanabing.com/tlab (please check out the services link) My problem with this is the bg of the dropdown menu, if i view it in my offline firefox browser, the bg are there. When I uploaded it, its not there. sad.gif

Please tell me how to solve these problems. I am trying to figure out for more than 10 hours! sad.gif


Thank you so much for your time. God Bless!

Sincerely,
rgta33
pandy
What's a spry menu? Something that comes with DreamWeaver?

By smaller, do you mean the hight of each item?
Frederiek
Yep, apparently.

In several places you have:
background-image: url(file:///Macintosh%20HD/Users/Rommel/Desktop/tlab/images/nav-bg.png);

meaning you have pointed the image from your local disc, not the path from where it is on the server (as it is where you uploaded it):
background-image: url(images/nav-bg.png);

Set the height smaller on ul.MenuBarHorizontal ul li, which currently is 46px.
rgta33
QUOTE(Frederiek @ Aug 1 2009, 12:13 PM) *

Yep, apparently.

In several places you have:
background-image: url(file:///Macintosh%20HD/Users/Rommel/Desktop/tlab/images/nav-bg.png);

meaning you have pointed the image from your local disc, not the path from where it is on the server (as it is where you uploaded it):
background-image: url(images/nav-bg.png);

Set the height smaller on ul.MenuBarHorizontal ul li, which currently is 46px.



Hi Sir Frederiek!

First of all, thank you so much for your time and effort to help me!

I have tried setting the height of ul.MenuBarHorizontal ul li into 20px, which made the height of my sub menu smaller, but my problem is, they are overlapping to one another.

Another concern is that, the bg image of the dropdown menu are not showing up.. sad.gif unlike if I preview it on my offline browser


Again, Thank you so much for helping me Sir smile.gif God bless!
rgta33
QUOTE(pandy @ Aug 1 2009, 11:22 AM) *

What's a spry menu? Something that comes with DreamWeaver?

By smaller, do you mean the hight of each item?


yes sir it is dreamweaver, and yes i mean the height of the submenu. smile.gif

Thank you so much for your time Sir Pandy!
pandy
QUOTE(rgta33 @ Aug 1 2009, 08:41 PM) *

I have tried setting the height of ul.MenuBarHorizontal ul li into 20px, which made the height of my sub menu smaller, but my problem is, they are overlapping to one another.


Sounds like the items are positioned absolutely and their hight is used to calculate the offset. If I'm right you need to change that too accordingly.
rgta33
Sir Frediriek,

I have good news, the bg of my submenu appeared already. Thank you so much for your help! It made my day!!!!!!!! How did you know that it's 46px and it's in my local disc? That's so amazing!!!! did you view the page source? I tired but I can't see it. hehe

Now my prob is resizing the submenu. smile.gif THANK YOU SIR!
rgta33
QUOTE(pandy @ Aug 1 2009, 03:08 PM) *

QUOTE(rgta33 @ Aug 1 2009, 08:41 PM) *

I have tried setting the height of ul.MenuBarHorizontal ul li into 20px, which made the height of my sub menu smaller, but my problem is, they are overlapping to one another.


Sounds like the items are positioned absolutely and their hight is used to calculate the offset. If I'm right you need to change that too accordingly.



Hi Sir Pandy!

I will try your advise. I hope I can solve this problem! Thank you so much for your time sir! God Bless!!!
Frederiek
The background-image you use for your LI is 46px in height. That's also the value you still have for the LI.
Actually, why use an image if the image seems to be plain black. You could use a black background-color instead. Then you can size the LI as you like, though not smaller than 15px, which is the height of the link in the LI.

And yes, I simply inspect the source and CSS with the Web Inspector in Safari/Mac.

NB: FYI, your dealing only with women here.
Anyway, you're welcome.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.