By LukePickering on

Wondering if anyone has any knowledge of using CSS with nice menus?

I have implemented nicemenus into my test site and it is doing what I want, just a couple of issues with styling. On my live site www.cyclistsfc.org.uk you can see that there's padding around each item in the horizontal navigation bar. On the test site www.cfcdev.net, this padding is removed with nicemenus.

Basically all I want is for the drop down enabled menu on cfcdev.net to be padded like the one on cyclistsfc.org.uk. I've been through the stylesheet line by line and adjusted each but to no avail. I assume therefore that it requires something new to be added.

Any ideas?

⋅ Categories: Drupal 6.x

Comments

LukePickering’s picture

LukePickering commented

Is there a way to contact the Nice Menus team directly?

korda’s picture

korda commented

im having my own problems with nice menus right now.... however I was wondering if adding line-height: 5em; or some number to the li class helps you to at least gain space top and bottom?

CyclistsFC’s picture

CyclistsFC commented

Thanks a million, it's been bugging the sht out of me.

Luke

korda’s picture

korda commented

Want to see if you can lend me a hand with Nice Menus now?

http://drupal.org/node/505260

I would send you a private message but dont know how to do it on this site....

I'm trying to make a horizontal nice menu but the upper level elements arn't cooperating. I now have the menu display horizontal but the images have dissappeared and the elements are no longer 170px wide, just butt up against each other side by side. AHH

john.kenney’s picture

john.kenney commented

Nice Menus styling is a major pain in the butt and I don't have time to diagnose the CSS issues on your respective sites, but possibly you will find something of benefit in reviewing the Nice Menus styling on my sites. Took quite a lot of work and lots of trial and error to get them working just as I wanted.

The first step is to wrest control of the styling from the default Nice Menus CSS and from other styling elements - like ul's and such. Basically until I was able to do that, I couldn't make anything work.

In other words, I basically recreated all the Nice Menus styling elements in my own style.css file. Then once I did that, I was able to exercise control over stuff. Still took ages to fine tune it.

I can see by quickly looking at one of the sites linked to above that you don't have control over the styling yet, so CSS tweaks aren't really working as you might expect and that means it is just b*tch to figure out what's going on.

Only thing not working quite right on mine now is final menuparent which expands off page. At some point, they will be adding a first/last class to Nice Menus and I'll style that to open aligned right vs. left.

www.IndiaCallingInfo.com

CyclistsFC’s picture

CyclistsFC commented

Yeah that looks like the way to go. I have to work through line-by-line in the CSS and change each element one at a time. It would be worth inserting a comment on every line describing what it controls. Realistically, if you're going to need to exercise real control over the menu, you're going to have to set up your own style sheet.

One solution might be to find someone who has already done this (hint) ask them nicely (hint) to add a bunch of comments to the stylesheet they created (hint) and let us have a gander at it :0)

Cheers

Luke