Noobie using Customenu. My vertical menu appears with three or two items per line.

Like
HOME | FAQ |Contact us


What file and what line of code changes this to vertical list with only one item per line so it reads?
Home
FAQ
Contact us

thanks

You'll have to dig a little deeper into the CSS. CustoMenu comes with it's own css file. What you can do is make the outer div a fixed width and make the buttons the same width.
Or make the buttons 100% width...

I've dug into the css and I still can't fix this problem.

I need a simpler answer.
I'm currently studying css but your code doesn't look like any of the kind that I'm studying.

Span is usually written <span>text</span>. The same thing with div <div>text</div>.

But you don't have bracketed div and spans.
Also I never see "Span.span span" anywhere which you have a lot of. I will probably understand it 6 months from now but for the moment I need to know which part of the css do I change in order for the menu to be vertical.

at the moment the code looks like this:

How should it look for a menu button to be listed by default on a single line?
Do I delete a span? Nope. Didn't work.
Do I add a </div>? uh uh, that didn't work either.
You see my problem(s)?!

Theres a reason someone says I am a complete NOOBIE.
Its because like me they know squat.

The div (in this case the one with class "customenu_mystyle") is the container div. Try giving that the width you want. So something like this:

The spans are there for styling purposes. And yes, CustoMenu's output DOES have normal divs and spans (like <span>...</span>).

Hello,

I am trying for a vertical menu too, when I insert a value for the width, like the example above all menu items are cramped together instead of displaying in vertical order.

Could you please post a complete code for vertical menu, thank you.

If you use the default css and give the container div, that should do it.

Thank you for the reply, but it didn't work, maybe I am doing something wrong (highly likely), the site is not ready hence don't want to post the link, if it is OK with you I can PM or email it to you.

Yeah, just send me an email though 'Contact'.

Ok, you do need to add a fixed width to the div:

And change the display type on the links / spans:

You also have to set the width and height you want on the most inner spans:

Thank you, I am nearly done, one more question do you have css sample of individual menu item example 'template_5.css', if not can you please show what needs to be in the css file.

The extra template css is to be able to style the menu differently per selected item. Not only the menu itself, but you can also use it to style other elements of your website differently. Like your background color/image.

A good example is old.ikzoekgod.nl. If you select one of the main menu items, the background image of the header and also the menu changes. Also the images for the hovers for all the 4 buttons are different per selected menu item.

So in the main css you ca define all tat is needed for styling the menu. And in the extra template css you can overrule the stuff you want different when that menu item is selected.

The site looks nice, I am trying something similar, except my images don't align if you check bevreview and hover cursor on menu you will see what I mean, how to fix this do I need to create a separate CSS file for each link or can be done in mystyle.css thanks.

Ok, so all your menu items have different size images (height)?

You can fix that in the normal mystyle.css:

I am not sure if this is customenu issue or my template, everything works fine in FF 2.0.0.17 but not in IE7.

Yeah, IE and FF are especially different when it comes too CSS.

Try removing the float:left;
And play around with the display property (changing, removing)