Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Broders in submenus driving me madBroders in submenus driving me mad
Previous
 
Next
New Post
10/28/2007 7:46 AM
 

  Well I am about to go bald with this problem. I am in the process of learning how to skin and also skinning my site. Now I have hit  abrick wall and it's driving me nuts as I can't figure out why it's happening.

  I am using a Vertical menu with dropdown menus from it. This is using the default DNN skin but modified. The problem I have is that when I view the submenus there is a white border round every item, and I have no idea where this is coming from or how to remove it. I have tried commenting out all sorts of parts from the .css file but nothing seems to remove it. I am begining to think that this is a flaw with DNN

Here is a link to an image to you can see the problem: Image of the Borders

 

This is the HTML code I am using:

 

<table class="pagemaster" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <table class="skinmaster" width="100%" border="0" align="center" cellspacing="0"cellpadding="0"> <tr> <td id="ControlPanel" runat="server" class="contentpane" valign="top" align="center"> </td> </tr> <tr> <td valign="top"> <table class="skinheader" cellspacing="0" cellpadding="0" width="100%" border="0"> <tr> <td valign="middle" align="left">[LOGO]</td> </tr> </table> <table class="menubar" cellspacing="0" cellpadding="3" width="100%" border="0"> <tr> <td width="100%" valign="middle" align="left" nowrap>[MENU]</td> </tr> </table> <table cellspacing="0" cellpadding="3" width="100%" border="0"> <tr> <td width="200" valign="top" align="left" nowrap>[CURRENTDATE]</td> <td width="100%" valign="top" align="center"><b>..::</b>&nbsp;[BREADCRUMB]<b>::..</b></td> <td width="200" valign="top" align="right" nowrap>[USER]&nbsp;&nbsp;[LOGIN]</td> </tr> </table> </td> </tr> <tr> <td valign="top" height="100%"> <table cellspacing="3" cellpadding="3" width="100%" border="0"> <tr> <td class="toppane" colspan="3" id="TopPane" runat="server" valign="top" align="center"></td> </tr> <tr valign="top"> <td class="leftpane" id="LeftPane" runat="server" valign="top" align="center"></td> <td class="contentpane" id="ContentPane" runat="server" valign="top" align="center"></td> <td class="rightpane" id="RightPane" runat="server" valign="top" align="center"></td> </tr> <tr> <td class="bottompane" colspan="3" id="BottomPane" runat="server" valign="top" align="center"></td> </tr> </table> </td> </tr> <tr> <td valign="top"> <table class="grass" cellspacing="0" cellpadding="0" width="100%" border="0"><tr> <td valign="middle" align="center">[COPYRIGHT]&nbsp;&nbsp;[TERMS]&nbsp;&nbsp;[PRIVACY]</td> </tr> </table> </td> </tr> </table> </td> </tr> </table>

 

This is the CSS code I am using:

/* ================================ Skin styles for DotNetNuke ================================ */ .pagemaster { width: 100%; height: 100%; background-color: #FEFEFE; } .skinmaster { height: 100%; background-image: url(background.jpg); BORDER-RIGHT: #C9C0Af 0px solid; BORDER-TOP: #C9C0Af 0px solid; BORDER-LEFT: #C9C0Af 0px solid; BORDER-BOTTOM: #C9C0Af 0px solid; moz-border-radius-bottomleft: 15px; moz-border-radius-bottomright: 15px; moz-border-radius-topleft: 3px; moz-border-radius-topright: 3px; } .skinheader { BACKGROUND-IMAGE: url(background.jpg); } .grass { BACKGROUND-IMAGE: url(grass.gif); HEIGHT:30px; } .menubar { BACKGROUND-IMAGE: url(wood.jpg); HEIGHT:30px; } .controlpanel { width: 100%; background-color: #FFFFFF; } .toppane { width: 100%; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 6px; } .leftpane { width: 175px; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 6px; } .contentpane { width: 100%; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 6px; } .rightpane { width: 175px; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 6px; } .bottompane { width: 100%; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 6px; } .MainMenu_MenuContainer { BACKGROUND-IMAGE: url(wood.jpg); /* background-color: transparent; */ } .MainMenu_MenuBar { cursor: pointer; cursor: hand; height:16px; background-color: Transparent; } .MainMenu_MenuItem { cursor: pointer; cursor: hand; color: white; font-family: Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; background-color: Transparent; } .MainMenu_MenuIcon { BACKGROUND-IMAGE: url(wood.jpg); cursor: pointer; cursor: hand; text-align: center; width: 15px; height: 21px; } .MainMenu_SubMenu { BACKGROUND-IMAGE: url(wood.jpg); z-index: 1000; cursor: pointer; cursor: hand; /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=1); */ } .MainMenu_MenuBreak { height: 0px; } .MainMenu_MenuItemSel { background-color: #f85959; cursor: pointer; cursor: hand; color: white; font-family: Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; } .MainMenu_MenuArrow { border-right: #B89CBB 0px solid; border-bottom: #B89CBB 0px solid; border-top: #B89CBB 0px solid; font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; } .MainMenu_RootMenuArrow { font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; } .StandardButton { background: #EB613E none; color: #FFFFFF; font-family:Verdana, sans-serif; font-size: 11px; font-weight: normal; } .TreeViewMenu { width: 175px; BORDER-RIGHT: #EB613E 0px solid; BORDER-TOP: #EB613E 0px solid; BORDER-LEFT: #EB613E 0px solid; BORDER-BOTTOM: #EB613E 0px solid; moz-border-radius-bottomleft: 15px; moz-border-radius-bottomright: 15px; moz-border-radius-topleft: 3px; moz-border-radius-topright: 3px } .TreeViewMenu_Header { BACKGROUND-IMAGE: url(wood.jpg); } .Head { font-family: Tahoma, Arial, Helvetica; font-size: 18px; font-weight: normal; color: #333333; }

 
New Post
10/28/2007 6:40 PM
 

Could you please post a link to the page if possible?

What's the CSS file you posted?

Skin.css or portal.css?

 

 
New Post
10/28/2007 7:31 PM
 

Sorry for that, it's skin.css. I dind;t know there was a portal.css

The site can be found at: www.backup.loreofmythos.com

 
New Post
10/29/2007 6:18 AM
 

I'm not a specilaist on this menu but it I see this in default.css:

.MainMenu_MenuItem {
background-color:transparent;
border-color:white;
border-style:solid;
border-width:1px 0px;
color:black;
cursor:pointer;
font-family:Tahoma,Arial,Helvetica;
font-size:9pt;
font-style:normal;
font-weight:bold;
}
.MainMenu_MenuIcon {default.css (line 1572)
background-color:#EEEEEE;
border-bottom:1px solid transparent;
border-left:1px solid transparent;
border-top:1px solid transparent;
cursor:pointer;
height:21px;
text-align:center;
width:15px;
}

I think if you add this to skin.css

.MainMenu_MenuItem {
border-color:transparent;
}
.MainMenu_MenuIcon {
border-bottom:1px solid transparent;
border-left:1px solid transparent;
border-top:1px solid transparent;
}

You should be fine

 
New Post
10/29/2007 7:00 AM
 

Thanks for the reply, but have made the alterations you have suggested and it's still got the same problem. Any other ideas? The new modified Skin.css file has been uploaded to the site and is in use now.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Broders in submenus driving me madBroders in submenus driving me mad


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out