next »

[vangabond]

What is the best way to modify the look/feel of the main nav menu corresponding to the various pages in a site?

I embedded the {menu} tag in the appropriate div in my site's main template and have set Accessibility and Cross Browser Tools as an associated stylesheet. I looked for menu parameters to change in this stylesheet but have not found any real style controls (i.e. borders, fonts, margins, etc) for the menu appearance. Currently, menu items appear with bullets appended to them (i guess the menu is currently set to appear as an unordered list). I would ideally like to have the menu formatted according to the style parameters specified in my primary stylesheet.

Thanks in advance for any tips and enlightenments.

[Nullig]

You need to attach the appropriate menu stylesheet for the type of menu you're using, i.e css vs simple and horizontal vs vertical.
Within that stylesheet, you can make the changes to match your main stylesheet.

Nullig

[vangabond]

Making some progress here. I have managed to successfully modify Menu parameters within my stylesheet. Although my stylesheet does not specify that menu items should appear in the form of a list, they do continue to renderwith a bullet appended to them however. Any thoughts on this?

Thanks much.

[vangabond]

Nullig. Thanks for the insight; I think I am on my way. I still can not get rid of the bullet in front of the menu items though (i actually only have one menu item at this point, but it has a bullet in front of it.) I went into the horizontal menu stylesheet and set the list-styles to none for every active style on the sheet (i did not bother with the styles that are commented out by default). I also went into the main stylesheet for the site template and set list-styles to none for the div that contains the menu. Just can't get rid of the darn bullet though. Any additional insights?

Thanks mucho.

[mark]

Are you using a default style sheet or your own and what is the CSS code?...

[vangabond]

hey mark -

i do use a combination of my own stylesheet as well as the simple-horizontal menu stylesheet that ships with CMSMS. the only menu specifications i have in my own stylesheet is the div for placing the menu in the right location on the page and some basic font specifications. here is the code:

#menu {
margin: 0px 0px 0px 0px;
padding: 0px;
width: auto;
height: 20px;
border-top: 0px solid #999999;
border-bottom: 3px solid #999999;
background-color: yellow;
text-align:center;
color: #666666;
font-size: 14px;
z-index: 12;
}

what is strange is that the menu items list VERTICALLY (even though i am using the simple-horizontal stylesheet) and there is this most annoying bullet that appears before each item. you can see how the menu renders by visiting this link:

http://www.marcohaber.com/cmsmadesimple/index.php

any additional advice would be great. i am sort of at a loss here.

thanks.

marco

[mark]

Your page source and CSS don't jibe, in the CSS it's menu_horiz as a div id and in the template it's menu,change one of them...

[vangabond]

Hey Mark - Thanks for the tip; it brought me WAY closer to getting the menu formatting all sorted out. And now, finally, the menu seems to be ok. With regards to your suggestion, I actually needed to insure that BOTH the #menu and #menu_horiz styles were included in the template. The reason for this is that the menu div is used to position the menu on the page. Without it, the menu would not sit in the right spot. All of the other menu styling is then accomplished with the menu_horiz style that comes by default with the simple horizontal menu. In short, the menu_horiz div needs to be nested within the menu div, as seen in the code below:

<div id="menu">
<div id="menu_horiz">
{menu}
</div>
</div>