You need to Register for free and Login to post a message in the forum.

Forum

Forums > Users Lounge > Everything Else
Subject: Borders on submenu
Prev Next
You are not authorized to post a reply.

Author Messages
AbernusUK
Nuke Newbie
Nuke Newbie
Posts:1
28 Oct 2007 8:09 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" &#114;&#117;nat="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">&#91LOGO&#93</td> </tr> </table> <table class="menubar" cellspacing="0" cellpadding="3" width="100%" border="0"> <tr> <td width="100%" valign="middle" align="left" nowrap>&#91MENU&#93</td> </tr> </table> <table cellspacing="0" cellpadding="3" width="100%" border="0"> <tr> <td width="200" valign="top" align="left" nowrap>&#91CURRENTDATE&#93</td> <td width="100%" valign="top" align="center"><b>..::</b> &#91BREADCRUMB&#93<b>::..</b></td> <td width="200" valign="top" align="right" nowrap>&#91USER&#93  &#91LOGIN&#93</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" &#114;&#117;nat="server" valign="top" align="center"></td> </tr> <tr valign="top"> <td class="leftpane" id="LeftPane" &#114;&#117;nat="server" valign="top" align="center"></td> <td class="contentpane" id="ContentPane" &#114;&#117;nat="server" valign="top" align="center"></td> <td class="rightpane" id="RightPane" &#114;&#117;nat="server" valign="top" align="center"></td> </tr> <tr> <td class="bottompane" colspan="3" id="BottomPane" &#114;&#117;nat="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">&#91COPYRIGHT&#93  &#91TERMS&#93  &#91PRIVACY&#93</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<img src='http://www.dnncreative.com/desktopmodules/ntforums/images/emoticons/biggrin.gif' height='20' width='20' border='0' title='Big Grin' align='absmiddle'>XImageTransform.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; }
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3351
30 Oct 2007 3:24 PM  
Try adding:

.MainMenu_MenuItem {
border: 0;
}

There is a white border by default which you have to override - you can see further information on the menu styling here
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > Users Lounge > Everything Else > Borders on submenu


ActiveForums 3.7

Latest Forum Posts

Yahoo Answers by cdtguru
Hey, i was wondering if anyone knew of a module that would create a similar system to Yahoo Answers...
(catalook) Itempane changes on product pages ?? by Gaz35
Hi , hi , I don’t know if you can help me , here is the site in question http...
RE: Virtual Pc 2007 help by jeff@zina.com
You need to get the Virtual PC's network set up.  Might check the Virtual PC news group: http://www...
DNNCreative Just Keeps Getting Better by jeff@zina.com
Kudos on issue 39, the article on importing large quantities of data was both timely for me and spot...
RE: Videos by clippy
Hello from France My question is about the videos for beginners, and specially n° 3; I'm working...
skinning trouble by derpir
HelloI have uploaded a skin to my DNN-website, but I want to make som changes. I have made some chan...
RE: Column width in UDT by VickySwift
In case anyone else is looking for the answer to this, I have been able to add the headers back in b...
RE: search not working by jncraig
Did you either reindex the site to turn on the scheduled task to do it?
RE: Template Issue by jncraig
No, you need to install your custom modules before you use the template.
RE: error message in registration page by jncraig
I'm not sure that you can avoid them, short of rewriting the module.You might want to investigate Dy...
Template Issue by Bobbyjosephg
Hi,   Today I have come up with a problem with templates.I was successful in exporting a template an...
RE: search not working by sanju_k1421
I checked     host==>admin search  page   that is set both limits min //max  page     still i m n...
RE: error message in registration page by coder247
but how do I avoid the error messages provided by default in dnn?
RE: Style sheet does nothing by andorz
Oh. I was told to do that in my thread at the dotnetnuke.com forum. http://www.dotnetnuke.com/Commun...
RE: Videos by clippy
Thank you to answer so quickly. It's really kind from you. I appreciate
RE: Simple subscribe newsletter module by jncraig
I seem to recall that DataSprings has an "Opt In" module. I haven't used it, though.
RE: Videos by jncraig
No, you can view them in any order.
RE: Skim Question by tlsadler
Wow! Went to Snowcovered and the 50% off Promo more then paid for itself. I actually wound up buying...
Videos by clippy
Hello from FranceJust a little questionIs there any order to respect to look the videos ("issues"). ...
RE: Skim Question by tlsadler
Thank you very much. I've followed many of your posts and will check it out. I had thought about get...
DotNetNuke Modules
RSS Feeds