Forums (Obsolete)

Guest

norashlea - 10/11/2006 12:40:18 AM

CMSMenu submenus -- styling and positioning

Hi,

I'm trying to remove the border that is displayed by default around items in the CMSMenu submenu. Failing that, I'm trying to shift it about 3px to the left, but I'm not having success with either.

On my master page, I've set the CSSPrefix to ;Submenu, and can work with all the .SubmenuCMSMenu* classes, and all the styles display as I want, but no matter what I set the submenus display with a white border around each item, and I can't get the position to shift.

Regards,
Sharon.

Member

bchaseski - 10/11/2006 4:02:49 PM

Re: CMSMenu submenus -- styling and positioning

Hi Sharon,

Could you please post a bit of your style for the SubmenuCMSMenuItem* class(es).

Here is my declaration for the CMSMenu (seems like you have the same):
<cc1:CMSMenu ID="CMSMenu1" runat="server" CSSPrefix=";Submenu"

Here is one of mine for the "MenuItem" that doesn't have borders:
*** NOTE CMS Menu has border:0
.CMSMenu {
background-color: #90B7D1;
color: White;
text-transform: capitalize;
padding: 0px;
border: 0px; /* <---- not border is zero here */
padding-top: 0px;
padding-bottom:0px;
}

.SubmenuCMSMenuItem{
background-color: #90B7D1;
color: #FFFFFF;
width: 100%;
padding-left: 3px;
padding-right: 3px;
padding-bottom:0px;
padding-top:0px;
margin: 0;
}

This results in no border by default. If you still see a border, I'm wondering if you have another style overriding it somewhere else in the stylesheet?

Cheers,
Brian

Guest

norashlea - 10/11/2006 8:19:12 PM

Re: CMSMenu submenus -- styling and positioning

Hi Brian,

Thanks for the example. At least I know I'm doing the right thing with my menu classes. This is what I have:

.CMSMenu { border: 0; }
.CMSMenuItem
{
font-family: century gothic, verdana, arial, sans serif;
color: #9aa598;
font-size: 7pt;
padding-left: 3px;
padding-right: 15px;
padding-bottom: 5px;
padding-top: 5px;
margin: 0px;
border: 0px;
}

.SubmenuCMSMenuItem
{
color: #475244;
padding-left: 2px;
padding-right: 15px;
background-color: #c6cec4;
border: 0;
margin: 0;
}

The margin property in SubmenuCMSMenuItem is completely ignored. I can set it to 200, and there is no change at all!!!

But what would be overriding it? My body{} class also has margin 0 as well as my background{} class. I think that it is something to do with cellspacing or cellpadding in the the table generated by skmMenu, but can't figure out where to change it.

Thanks,
Sharon.


Member	bchaseski - 10/11/2006 11:34:55 PM Re: CMSMenu submenus -- styling and positioning Hi Sharon - yes - it's definitely the way the tables are rendered with skmMenu. I can't offer any insights except, if you are trying ot use the cmsMenu, it seems to have some issues with Firefox too, so be careful when testing!

Guest

norashlea - 10/11/2006 11:39:14 PM

Re: CMSMenu submenus -- styling and positioning

Thanks. Yes, I've noticed that in Firefox the border (margin??) is there but is actually transparent. In IE, it is displaying as solid white. It's actually why I was trying to force a background colour for the submenus, because without one in Firefox they display completely transparent. Would be OK if I wanted a white background -- but I dont!!