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...Administration ...Administration ...Submenu lines from hell!Submenu lines from hell!
Previous
 
Next
New Post
1/3/2007 12:59 PM
 

I am having an issue that I know you guys can help me with.

Lines in the submenu.
When you first load the page the lines show up, as you roll over them they disappear.

I went and removed all borders from the skin.css but they are still there.

Somebody tell me how to kill them Please.

Thank you!

 
New Post
1/3/2007 6:10 PM
 

Without having the direct answer for you, the general cause of this sort of thing is that removing certain styles from one's skin.css doesn't always stop the items from being styled. The culprit is the default.css which has a bunch of dated looking styles in it. Any item not specifially restyled in your css will fall back on those styles.

The test is to delete the menu section from the default.css and reload the site. If this is the problem then put the styles back in place and then also copy them to your skin.css. The solution is then not to remove any styles, but to restyle them. For example, if there is a border="1" then set it to border="0".

Hope that helps,
Rob

 
New Post
1/3/2007 6:12 PM
 

oh, and don't forget Lee's good work here: http://www.skinningtoolkit.com/

Rob

 
New Post
1/12/2007 5:34 PM
 

Ok thanks guys. I finally found it!

But now I am having problems finding the reason that my vertical menu has unwanted spaces between menu items.

Anybody know where this is located in the below CSS?

body{ background:#000; height:100%; border-right-style: none; border-left-style: none; }
.controlpanel{ border:#ADADAD solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#CCC; font-size:12px; color:#000; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#333; font-weight:normal; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333; }
.controlpanel A.CommandButton{ font-size:10px; text-decoration:none; }
.controlpanel A.CommandButton:link{ color:#000; }
.controlpanel A.CommandButton:visited{ color:#000; }
.controlpanel A.CommandButton:active{ color:#000; }
.controlpanel A.CommandButton:hover{ color:#F00; text-decoration:underline;}

.leftpane{ width:190px; padding:0px 0px 0px; }
.contentpane{ padding:1px 1px 1px 1px; background:url(media/bg_leftpane.png); background-repeat: repeat-x repeat-y;}
.rightpane{ padding:5px 5px 0px 0px; }
.leftcol{ background-color: transparent; background-repeat: repeat-y; border-top-color: #3f3b34; border-top-width: 3px; }
.leftbg{ background:url(media/bg_leftpane.png); background-repeat: repeat-y;}

.Head{ font-size:13px; font-weight:bold; color:#333; }
.SubHead,.SubSubHead{ font-size:11px; color:#333; }
.Normal{ font-size:11px; color:#333; }
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{ color:#FF7900; text-decoration:none; }
A.CommandButton:hover{ color:#FF7900; text-decoration:underline;}
TH,TD,DIV{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
A,A:link,A:visited,A:active{ color:#e2e0de; text-decoration:underline; }
A:hover{ color:#bfbebb; text-decoration:none; }
.user,a.user:link,a.user:active,a.user:visited,.user{ color:#c3c3c3; font-size: xx-small; text-align: right; text-decoration:none; }
a.user:hover{ color:#f0dc82; text-decoration:underline; }

.footer,a.footer:link,a.footer:active,a.footer:visited{ font-size:10px; color:#0f07f9; text-decoration:none; padding-right: 10px;}
a.footer:hover{ color:#777; text-decoration:underline; }
/*___________________________________________________________________________________________*/
.MainMenu_MenuContainer{ background:transparent; width:100%; height:1px; }
.MainMenu_MenuBar{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_MenuArrow{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuItem{ color:#333; font-size:11px; font-weight:normal; padding:3px; border-color: #CDB891; border-width: 1px; }
.submenuitemselected{ color:#000000; font-size:11px; font-weight:normal; background:#CDB891; border-color: #CDB891; border-width: 1px; }
.submenu{ color: #FFFFFF; padding:0; background:#CDB891; margin-left:-10px; border-color: #CDB891; border-width: 1px; }
.rootmenuitem TD{ text-align: center; color:#d1cbcb; font-size:11px; font-weight:bold; background:url(media/button.gif) no-repeat 15px; height:29px;}
.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{
text-align: center;
 color:#f0dc82; font-size:11px; font-weight:bold;
 background:url(media/button_bread.gif) no-repeat 15px;
 height:29px;}

 
New Post
1/15/2007 1:43 AM
 

This is from an old post of mine.. It's the best system for working with the menu. It's isn't perfect, but will help you immensely.

- Install the FireFox web browser (This doesn't work with IE)
- Install this tool: http://chrispederick.com/work/firefox/webdeveloper/
- Browse to your DNN site
- On the new developer toolbar in Firefox, click CSS>Edit CSS. A tabbed pane of all style sheets attached to that site will be displayed. Stretch the window sideways for more space.
- Select your skin.css tab
- Scroll down to the Menu Styles section.
- You can change the styles right there and see the results in real time by hovering over the menu.
- To test this in a most obvious manner, scroll to .MainMenu_MenuContainer, replace 'transparent' with 'blue' and check that the menubar immediately turns blue.
- Beware of styles present in default.css that may be affecting your skin.css


 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...Submenu lines from hell!Submenu lines from hell!


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