[jQuery] Re: SUPERFISH Vertical Help
Joel, thank you for the help.
Now I have another problem... for some reason, the hover flyouts are
cut-off in FF now. They weren't before. It works fine in IE 7.
Also, I downloaded IE 8 and it doesn't work there either. I realize
IE 8 is new and there might not be a work-around but just wanted to
let you know.
www.royalmbc.org/joomla
On Jan 31, 5:05 am, Joel Birch joeldbi...@gmail.com wrote:
On Jan 30, 7:57 am, bellaluna316 bellaluna...@gmail.com wrote:
RE: Vertical hover. I am trying to do the following and can not
figure out what CSS code controls these things:
Hello,
While I no longer offer general CSS help forSuperfishmenus, here are
a few pointers:
• Move the bullets off the left edge of both parent and sub “buttons”
Using Firebug it is simple to see that the bullets are background
images on the anchor elements. These are controlled by template.css
file, around line 30. In the following line (below), replace 'left
center' with px, em or percentage values to position the bullets
image:
ul.menu a {
background:transparent url(../images/menu-list.gif) no-repeat scroll
left center;
...
• Make the “buttons” shorter (set height)
Strange, I can't find which CSS is providing the menu item height.
TheSuperfishdemos use vertical padding on the anchor element for this.
• Move the hover flyout “button” to butt up against the parent.
Currently there is a gap between the left edge of the parent and the
right edge of the flyout.
In Firefox, your menu already does this. The 'left' property on the
submenu 'ul' controls this.
Joel.
[jQuery] Re: SUPERFISH Vertical Help
On Jan 30, 7:57 am, bellaluna316 bellaluna...@gmail.com wrote:
RE: Vertical hover. I am trying to do the following and can not
figure out what CSS code controls these things:
Hello,
While I no longer offer general CSS help for Superfish menus, here are
a few pointers:
• Move the bullets off the left edge of both parent and sub “buttons”
Using Firebug it is simple to see that the bullets are background
images on the anchor elements. These are controlled by template.css
file, around line 30. In the following line (below), replace 'left
center' with px, em or percentage values to position the bullets
image:
ul.menu a {
background:transparent url(../images/menu-list.gif) no-repeat scroll
left center;
...
• Make the “buttons” shorter (set height)
Strange, I can't find which CSS is providing the menu item height. The
Superfish demos use vertical padding on the anchor element for this.
• Move the hover flyout “button” to butt up against the parent.
Currently there is a gap between the left edge of the parent and the
right edge of the flyout.
In Firefox, your menu already does this. The 'left' property on the
submenu 'ul' controls this.
Joel.
[jQuery] Re: SUPERFISH Vertical Help
URL http://www.royalmbc.org/joomla/ On Thu, Jan 29, 2009 at 3:57 PM, bellaluna316 bellaluna...@gmail.comwrote: RE: Vertical hover. I am trying to do the following and can not figure out what CSS code controls these things: • Move the bullets off the left edge of both parent and sub buttons • Make the buttons shorter (set height) • Move the hover flyout button to butt up against the parent. Currently there is a gap between the left edge of the parent and the right edge of the flyout. Thanks, this is a great menu!
