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.
